Tag: angularjs

AngularJS – 将单选button绑定到带有布尔值的模型: 我有一个绑定单选button的属性具有布尔值的对象的问题。我正在尝试显示从$资源检索到的考题。 HTML： <label data-ng-repeat="choice in question.choices"> <input type="radio" name="response" data-ng-model="choice.isUserAnswer" value="true" /> {{choice.text}} </label> JS： $scope.question = { questionText: "This is a test question.", choices: [{ id: 1, text: "Choice 1", isUserAnswer: false }, { id: 2, text: "Choice 2", isUserAnswer: true }, { id: 3, text: "Choice 3", isUserAnswer: false }] }; 通过此示例对象，“isUserAnswer：true”属性不会导致单选button被选中。 […]

ui-bootstrap-tpls.min.js和ui-bootstrap.min.js有什么区别？: 在cdnjs的Angular-UI-Bootstrap页面上显示： Twitter的Bootstrap本地AngularJS（Angular）指令。占用空间小（5 kB gzipped！），无需第三方JavaScript依赖（jQuery，Bootstrap JavaScript）！ …并有select //cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/0.6.0/ui-bootstrap-tpls.min.js 和 //cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/0.6.0/ui-bootstrap.min.js Diffieing这些显示了微妙的差异，我似乎无法find任何文件… 长话短说，除非要创build自定义模板，否则使用tpls。这里logging：github.com/angular-ui/bootstrap/tree/gh-pages#build-files（也从主页链接）。简而言之，-tpls版本具有捆绑的默认Bootstrap模板。无论如何，你应该只包括一个列出的文件。 – 感谢pkozlowski.opensource

拒绝在框架中显示，因为它将“X-Frame-Options”设置为“SAMEORIGIN”: 我正在开发一个应该有响应的网站，以便人们可以通过手机访问它。该网站有一些安全的部分，可以使用谷歌，脸谱等…（OAuth）login。服务器后端是使用ASP.Net Web API 2开发的，前端主要是AngularJS和一些Razor。对于身份validation部分，在所有浏览器（包括Android）中，一切正常，但Google身份validation在iPhone上不起作用，它给了我这个错误消息 Refused to display 'https://accounts.google.com/o/openid2/auth ?openid.ns=http://specs.openid.ne…tp://axschema.org/namePerson /last&openid.ax.required=email,name,first,last' in a frame because it set 'X-Frame-Options' to 'SAMEORIGIN'. 现在就我而言，我不在我的HTML文件中使用任何iframe。我googlesearch，但没有答案让我解决这个问题。

AngularJS控制器的生命周期是什么？: 有人可以澄清一下AngularJS控制器的生命周期是什么？控制器是单身人士，还是按需求创build/销毁？如果是后者，是什么触发了控制器的创build/销毁？考虑下面的例子： var demoApp = angular.module('demo') .config(function($routeProvider, $locationProvider) { $routeProvider .when('/home', {templateUrl: '/home.html', controller: 'HomeCtrl'}) .when('/users',{templateUrl: '/users.html', controller: 'UsersCtrl'}) .when('/users/:userId', {templateUrl: '/userEditor.html', controller: 'UserEditorCtrl'}); }); demoApp.controller('UserEditorCtrl', function($scope, $routeParams, UserResource) { $scope.user = UserResource.get({id: $routeParams.userId}); }); 例如：在上面的例子中，当我导航到/users/1 ，用户1被加载，并设置为$scope 。然后，当我导航到/users/2 ，用户2被加载。 UserEditorCtrl实例是否被重用，或者是创build了一个新实例？如果是新实例，是什么触发了第一个实例的破坏？如果它被重用，这是如何工作的？（即，加载数据的方法似乎在创build控制器时运行）

AngularJS仅适用于单页面应用程序（SPA）吗？: 我们正在考虑select构build我们正在创build的应用程序的前端，并试图评估一个能够为我们工作的工具，并为我们提供最好的平台。这是一个Node.js项目。我们最初的计划是使用Express并沿着这条路线走下去，但是我们决定，在我们开始这个阶段之前，最好查看一下那里的东西。我们的应用程序有几个方面，我们不相信适合单页模型，因为它们是从应用程序的angular度来看，而不是从一个angular度来看。我们已经看到了一些我们可以用来构build客户端的框架，比如Backbone.js ， Meteor等，还有AngularJS。这可能是一个相当明显的问题，但是如果AngularJS纯粹用于单页面应用程序，或者它可以用于像Express这样的多页面应用程序，我们似乎无法破译。更新2013年7月17日为了让人们保持循环，我将在更新过程中更新这个问题。我们现在要一起构build所有的东西，我们将看到它的performance如何。我们已经接触到了一些比AngularJS更有资格的人，并且提出了关于分享大环境的大型应用程序的问题，但是可能在单个页面上工作太大。我们的共识是我们可以提供多个静态页面，并创build仅与这些页面一起工作的AngularJS应用程序，从而有效地创build一个SPA集合，并使用标准链接将这些应用程序链接在一起。现在我们的用例是非常具体的，因为我们的解决scheme有几个应用程序，正如我所说的，我们将首先尝试单个代码库并从那里进行优化。更新date：2016年6月18日项目濒临悬崖，所以我们从来没有完成太多的工作。我们最近再次拿起它，但不再使用angular度，而是使用React。我们仍然使用上一个更新中概述的架构，我们使用express和self包含应用程序，例如，我们有一个express的快速路由服务器，用于提供我们的React聊天应用程序，另外还有另外一个服务器项目应用程序等。我们有点看它的方式是每个应用程序都是根据其function集合的集合根，它需要能够独立的被认为是一个应用程序本身。从技术上讲，所有的信息都在那里，它只是基本的expression和你想要使用的客户端应用程序构build善良的任何风格。

AngularJs ReferenceError：$ http没有定义: 我有以下的Angular函数： $scope.updateStatus = function(user) { $http({ url: user.update_path, method: "POST", data: {user_id: user.id, draft: true} }); }; 但是，每当这个函数被调用，我得到ReferenceError: $http is not defined在我的控制台中ReferenceError: $http is not defined 。有人能帮我理解我在这里做错了吗？

如何看AngularJS的路线变化？: 如何在路线变化上观察/触发事件？

如何在angularjs中cachinghttp get服务: 我希望能够创build一个自定义服务，在ts数据对象为空的情况下获取http get请求，并在成功时填充数据对象。下一次进行服务调用时，设备将不会调用http get，而是显示数据对象。任何想法如何做到这一点？

angular度反转 – 重复: 我怎样才能得到一个反向阵列的angular度？我试图使用orderByfilter，但它需要一个谓词（如“名称”）来sorting： <tr ng-repeat="friend in friends | orderBy:'name':true"> <td>{{friend.name}}</td> <td>{{friend.phone}}</td> <td>{{friend.age}}</td> <tr> 有没有一种方法来反转原始数组，没有sorting。像那样： <tr ng-repeat="friend in friends | orderBy:'':true"> <td>{{friend.name}}</td> <td>{{friend.phone}}</td> <td>{{friend.age}}</td> <tr>