Tag: angularjs

使用angularjs与turbolinks: 我正在尝试在我的应用程序中使用Angularjs框架与turbolinks。页面更改后，它不会初始化新的eventlisteners。有什么办法让它工作？提前致谢！

AngularJS：在指令中绑定到全局事件的最好方法是什么？: 想象一下你想创build一个需要响应全局事件的指令的AngularJS中的情况。在这种情况下，我们说，窗口大小调整事件。什么是最好的办法呢？我看到它的方式，我们有两个select：1.让每个指令绑定到事件，并对当前元素做魔术2.创build一个全局事件侦听器，做一个DOMselect器来获取逻辑应该在其上的每个元素应用。选项1的优点是您已经可以访问要执行某些操作的元素。但是…选项2的优点是，您不必为同一个事件绑定多次（对于每个指令），这可能会带来性能上的好处。我们来举例说明两个选项：选项1： angular.module('app').directive('myDirective', function(){ function doSomethingFancy(el){ // In here we have our operations on the element } return { link: function(scope, element){ // Bind to the window resize event for each directive instance. angular.element(window).on('resize', function(){ doSomethingFancy(element); }); } }; }); 选项2： angular.module('app').directive('myDirective', function(){ function doSomethingFancy(){ var elements = document.querySelectorAll('[my-directive]'); […]

AngularJS orderBy不能在ngOptions中跟踪？: 我试图通过track bysortingngOptions 这是我的模板 <select ng-model="asd" ng-options="user.id as user.name for user in users track by user.id | orderBy: 'name'"> 这是我的控制器 function AppCtrl($scope) { $scope.users = [ {id : 25, name: 'Batista'}, {id : 26, name: 'Ultimate Warrior'}, {id : 27, name: 'Andre the giant'} ]; $scope.name = 'asdasd'; $scope.asd = 25; } 我在JSBin中写了一个片段来演示这个。这个问题是sorting不起作用。我应该写一个自定义filter吗？

如何正确使用ng-cloak指令？: 不知何故，AngularJS中的ng-cloak不起作用。我想在加载页面时隐藏{{}}。因为它看起来很糟糕。 <!DOCTYPE html> <html lang="en" ng-app> <head> <meta charset="UTF-8"> <title>Angular Sample</title> </head> <body ng-model="isShow" ng-init="isShow=true"> <p ng-show="isShow"><span ng-cloak>{{ isShow }}</span></p> <p ng-show="!isShow"><span ng-cloak>{{ isShow }}</span></p> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js"></script> </body> </html>

删除AngularJS货币filter十进制/分: 有没有办法从货币filter的输出中去掉小数点/仙？我正在做这样的事情： <div>{{Price | currency}}</div> 哪些产出： $ 1,000.00 相反，我想： $ 1,000个这可以使用货币filter来完成吗？我知道我可以在一个数字上加上一个美元符号，我可以编写我自己的filter，但我希望现有的货币filter存在一个简单的方法。谢谢。

与Django一起使用AngularJS的最佳实践是什么？: 我即将开始与客户端的AngularJS和服务器端的Django项目。什么是使他们像最好的朋友一样工作的最佳实践（静态文件，authentication，部署等）

在ng-repeat中使用指令，以及作用域“@”的神秘力量: 如果你喜欢在工作代码中看到问题，请从这里开始： http : //jsbin.com/ayigub/2/edit 考虑这个几乎相当的方法来写一个简单的direcive： app.directive("drinkShortcut", function() { return { scope: { flavor: '@'}, template: '<div>{{flavor}}</div>' }; }); app.directive("drinkLonghand", function() { return { scope: {}, template: '<div>{{flavor}}</div>', link: function(scope, element, attrs) { scope.flavor = attrs.flavor; } }; }); 当它们自己使用时，这两个指令的工作和行为是一致的： <!– This works –> <div drink-shortcut flavor="blueberry"></div> <hr/> <!– This works –> <div drink-longhand flavor="strawberry"></div> <hr/> […]

angular度指令刷新参数更改: 我有一个angular度指令是这样初始化的： <conversation style="height:300px" type="convo" type-id="{{some_prop}}"></conversation> 我希望它能够在$scope.some_prop更改时刷新指令，因为这意味着它应该显示完全不同的内容。我已经testing过，没有任何反应，当$scope.some_prop改变时，链接函数甚至不会被调用。有没有办法做到这一点？

将表单重置为原始状态（AngularJS 1.0.x）: 将表单字段重置为原始状态（重置脏状态）的function位于AngularJS 1.1.x的路线图中。不幸的是，目前的稳定版本中没有这样的function。将AngularJS 1.0.x的所有表单字段重置为初始状态的最好方法是什么？我想知道这是否可以解决与指令或其他简单的解决方法。我更喜欢一个解决scheme，而不必接触原始的AngularJS源代码。澄清和演示问题，JSFiddle的链接。 http://jsfiddle.net/juurlink/FWGxG/7/ 期望的function在路线图上 – http://blog.angularjs.org/2012/07/angularjs-10-12-roadmap.html function请求 – https://github.com/angular/angular.js/issues/856 build议的解决scheme请求 – https://github.com/angular/angular.js/pull/1127 更新可能的解决方法足够好的解决方法？我只是想通了，我可以重新编译的HTML部分，并把它放回到DOM。它的工作原理，暂时的解决scheme是好的，但也可以在评论中提到@blesh：控制器只能用于业务逻辑，而不能用于DOM！ <div id="myform"> <form class="form-horizontal" name="form"> </form> </div> 并在我的控制器resetForm() ：保存原始的未触及的HTML 重新编译保存的原始HTML 从DOM中删除当前表单将新编译的模板插入到DOM中 JavaScript： var pristineFormTemplate = $('#myform').html(); $scope.resetForm = function () { $('#myform').empty().append($compile(pristineFormTemplate)($scope)); }

angularJSfilter不等于: 看起来像一个非常基本的问题，但我不能得到正确的语法.. <li class="list-group-item" ng-repeat="question in newSection.Questions | filter:Id != '-1'; " ng-mouseenter="hover = true" ng-mouseleave="hover = false"> <div href="#" editable-text="question.Text">{{question.Text}}</div> </li> 我只想显示id不是-1的所有问题。我究竟做错了什么。谢谢！