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 }