Tag: angularjs

AngularJS下拉指令在外部点击时隐藏: 我正在尝试使用checkbox和filter选项创build多选下拉列表。我试图让隐藏的列表与我单击外面，但无法弄清楚如何。感谢你的帮助。

Angular.js中的dynamic类: 我想dynamic地添加一个CSS类到我正在循环的<li>元素。循环是这样的： <li ng-repeat="todo in todos" ng-class="{{todo.priority}}"> <a href="#/todos/{{todo.id}}">{{todo.title}}</a> <p>{{todo.description}}</p> </li> 在我的待办模型中，我有属性的优先级，可以是“紧急”，“不太重要”或“正常”，我只是想为每个元素分配类。我知道我可以用ng-class="{'urgent': todo.urgent}"一个布尔types的操作ng-class="{'urgent': todo.urgent}"但是我的variables不是一个布尔值，而是有三个值。我将如何做到这一点？还要注意，我不想使用ng-style="…"因为我的类会改变几个可视化的东西。

量angular器控制台日志: 我想在量angular器testing中输出一个div的文本，到目前为止我有： console.log(ptor.findElement(protractor.By.id('view-container')).getText()); 但是这个输出 [object Object] 我试过“toString（）”和相同的结果。有没有办法将文本输出到控制台？

在不违反RESTful原则的情况下对Angular进行身份validation和授权的最佳实践？: 长时间的粉丝，第一次的海报:) 我已经阅读了很多关于使用REST和Angular进行身份validation和授权的线程，但是我仍然不觉得我有一个很好的解决scheme来实现我所希望的。对于一些背景，我打算在AngularJS中构build一个我想要支持的应用程序：有限的访客一旦通过身份validation，即可对基于angular色的应用程通过API进行身份validation 所有对REST API的调用都需要通过SSL进行。我希望在不破坏RESTful原则的情况下构build应用程序，即不会将会话状态保存在服务器上。当然，无论在服务器端如何进行客户端的授权，都必须加强。由于我们需要传递每个请求的整个状态，我知道我需要传递某种令牌，以便接收REST请求的后端服务器既可以对呼叫进行身份validation，也可以对其进行授权。这就是说，我的主要问题是身份validation – 这里最好的做法是什么？似乎有很多不同的方法讨论，这里只是我发现的几个： http://broadcast.oreilly.com/2009/12/principles-for-standardized-rest-authentication.html http://frederiknakstad.com/2013/01/21/authentication-in-single-page-applications-with-angular-js/ http://docs.aws.amazon.com/AmazonS3/latest/dev/RESTAuthentication.html 有一个类似的问题（ AngularJS最佳实践应用程序authentication ），但除非我误解了答案，这似乎意味着应该使用服务器会话，这是违反RESTful原则。我对Amazon AWS和George Reese的文章主要关注的是，似乎认为消费者是一个程序，而不是最终用户。一个共享的秘密可以提前发给程序员，然后他们可以用它来编码调用。这不是这种情况 – 我需要代表用户从应用程序调用REST API。这种方法是否足够？假设我有一个会话资源： POST / api /会话为用户创build一个新的会话要创build会话，您需要发布一个包含“用户名”和“密码”的JSON对象。 { "email" : "austen@example.com", "password" : "password" } curl示例 curl -v -X POST –data '{"username":"austen@example.com","password":"password"}' "https://app.example.com/api/session" –header "Content-Type:application/json" […]

我应该使用Angular.copy（）还是_.clone（）？: 我正在开发一个既有Angular又有Underscore作为依赖的项目。当我需要创build一个对象的副本，根据我的心情，我可能会使用angular.copy()或_.clone() 这发生在我身上，其中一种方法可能比另一种方法更加快速/可靠/强大。是否有任何已知的问题，使这两个函数的使用比其他更好或更差，假设这两个库已经包括在内？

$资源中删除和删除方法的区别？: delete和remove方法有什么区别？他们都使用HTTP的DELETE方法。我找不到任何合理的信息。

自定义子指令访问父级的范围: 我在我的angularJS应用程序中有两个自定义指令。一个作为父母，另一个作为孩子。我正试图访问父指令的子范围内的范围。但我没有得到所需的输出。 <div ng-controller="CountryCtrl"> {{myName}} <div ng-controller="StateCtrl"> <state nameofthestate="'Tamilnadu'"> <city nameofthecity="'Chennai'"></city> </state> </div> </div> 和我的脚本看起来像 var app = angular.module("sampleApp",[]); app.controller("CountryCtrl",function($scope){ $scope.myName = "India"; }); app.controller("StateCtrl",function($scope){ }); app.directive("state",function(){return { restrict : 'E', transclude: true, scope : { myName : '=nameofthestate'}, template:"** {{myName}} is inside {{$parent.myName}}<br/><ng-transclude></ng-transclude>" }}); app.directive("city",function(){return { restrict : 'E', require:'^state', scope : […]

在JasmineJStesting中不会触发AngularJS Promisecallback: 问题介绍我试图unit testing一个包装Facebook JavaScript SDK FB对象的AngularJS服务; 然而，testing不起作用，我还没有弄清楚为什么。另外，当我在浏览器中运行服务代码，而不是使用Karmatesting运行器运行的JasmineJSunit testing时，服务代码就可以工作。我正在通过$q对象testing一个使用Angular promise的asynchronous方法。我设置了使用Jasmine 1.3.1asynchronoustesting方法asynchronous运行的testing ，但waitsFor()函数永远不会返回true （请参阅下面的testing代码），它在5秒后超时。（Karma不包含Jasmine 2.0asynchronoustestingAPI）。我认为这可能是因为承诺的then()方法从来没有触发（我有一个console.log()设置来显示），即使我打电话给$scope.$apply()asynchronous方法返回，让Angular知道它应该运行一个摘要循环，并触发then()callback…但我可能是错的。这是运行testing的错误输出： Chrome 32.0.1700 (Mac OS X 10.9.1) service Facebook should return false if user is not logged into Facebook FAILED timeout: timed out after 5000 msec waiting for something to happen Chrome 32.0.1700 (Mac OS X […]

我应该使用哪种方法来手动引导我的AngularJS？: 我看到以下几点： angular.bootstrap(document, ['TodoApp']); angular.bootstrap(angular.element("body")[0], ['TodoApp']); 另外AngularJS文档提到了这个我不是很了解。 angular.element(document).ready(function() { angular.bootstrap(document); }); 这些方法有什么区别？特别是Angular文档的最后一个方法是什么？一个比另一个更好用吗？

AngularJS – 多个ng-click – 事件冒泡: 在以下示例中： <li ng-repeat="item in items" ng-click="showItem(item)"> <h3>{{item.title}}</h3> <button ng-click="remove(item)">Remove</button> </li> 当我点击buttonshowItem()也由于事件冒泡而被调用。我知道我可以使用$event来观察$event.currentTarget并执行$event.stopPropagation()等，但这非常难看。顺便说一句。我不想停止button上的传播（在我的情况下， button是一个twitter bootstrap dopdown/button – 这只是一个例子）当我点击removebutton时，如何停止showItem()从beeing调用？编辑丑陋的修复将是有： function remove(item,$event){ $event.originalEvent.prevent = true; // rest of the code } function showItem(item,$event){ if($event.originalEvent.prevent)return; // rest of the code }