jjzjj

ngRepeat

全部标签

javascript - 无法在嵌套的 ngRepeat 上触发动画

我不知道如何使用Angular在嵌套的ngRepeat上触发动画。CSS类“.test”是动画的。在内部ngRepeat上使用“.test”时它不起作用(Plunker):{{item.title}}在外部ngRepeat上使用“.test”时它确实有效(Plunker):{{item.title}} 最佳答案 您可能需要添加ngAnimateChildren父容器上的属性,并更新css。尝试:-{{item.title}}和.test.ng-move,.test.ng-enter,.test.ng-leave{-webkit-tr

javascript - ngRepeat with ngAnimate 在我的元素上设置 "data-ng-animate= 2"

我不知道为什么ngRepeat在我的元素上添加了data-ng-animate=2属性。为什么会这样?我这样写:我明白了:谢谢! 最佳答案 正如您在thesourcecodehere中看到的那样data-ng-animate属性用于跟踪动画的状态:varPRE_DIGEST_STATE=1;varRUNNING_STATE=2;所以基本上它只是在元素本身上存储它自己的动画状态。在您的情况下(2)它正在运行。如果您跟随NG_ANIMATE_ATTR_NAME浏览该文件,您可以跟随它添加、更新和最终从元素中删除。

javascript - ngrepeat 中的 Angularjs 动态指令

看例子:$scope.fields=[{name:'Email',dir:"abc"},{name:'List',dir:"ddd"}];app.directive('abc',function(){});app.directive('ddd',function(){});我如何编写代码,p.dir将动态转换为指令?我的例子:hhttp://jsbin.com/vejib/1/edit 最佳答案 试试这个指令:app.directive('dynamicDirective',function($compile){return{res

javascript - AngularJS 1.4.3 ngRepeat 在具有隔离范围的指令中使用时打印 {{ variableName }} 而不是值

在我们将项目的AngularJS从1.2.28升级到1.4.3后,隔离范围内的ngRepeat停止评估变量。它开始打印“{{variableName}}”而不是值。编辑:问题是由iOS8Webkit错误的补丁引起的:https://github.com/angular/angular.js/issues/9128问题来自ngRepeat周围的包装HTML元素。如果我删除它,它工作正常。如果我删除隔离范围,它也会起作用。最奇怪的是,我在CODEPEN上尝试了相同的方法,它工作得很好,但在我们的项目上却不行。这是codepen代码:http://codepen.io/anon/pen/YX

javascript - Bootstrap Popover 内部的 ngRepeat

我一直在网上搜索并绞尽脑汁,但似乎无法找到解决方案。我需要在ng-repeat内部制作一个弹出窗口,其中弹出窗口内部也会有一个ng-repeat。这是我目前拥有的JSFiddle,但是带有“phone.friends”的ng-repeat不起作用:http://jsfiddle.net/grzesir/Lq8ve/4/HTML:{{phone.name}}{{friend.name}}">hoverhereJavascript:varangularApp=angular.module('AngularApp',[]);angularApp.controller('MainControl

javascript - ngRepeat 中的 equals 有什么作用?

ng-repeat属性值中的equals是什么意思?而不是做:我在ngRepeat的文档中看不到任何解释其用法的示例。 最佳答案 这对于计算过滤了多少对象很有用,例如。functionPeople($scope){$scope.people=[{firstname:'a'},{firstname:'c'},{firstname:'b'},{firstname:'c'}]}{{person.firstname}}Totalfiltered:{{filteredPeople.length}}

javascript - AngularJS limitTo 过滤对象上的 ngRepeat(像字典一样使用)

是否可以在ngRepeat指令上使用limitTo过滤器,该指令重复对象的属性而不是数组中的项目。我知道官方文档说limitTo的输入需要是数组或字符串。但想知道是否有办法让它发挥作用。这是一个示例代码:$scope.phones_dict是一个对象,例如{item_1:{name:"John",age:24},item_2:{name:"Jack",age:23}} 最佳答案 limitTo仅适用于字符串和数组,例如对象使用自己的过滤器:myApp.filter('myLimitTo',[function(){returnfunc

javascript - AngularJs 如何用另一个数组元素过滤 ngRepeat

是否有任何选项可以从$scope.items中过滤ID存在于数组$scope.myitems中?ng-repeat="iteminitems|filter:{item.id==myitems}演示:http://codepen.io/anon/pen/rOeGYBangular.module('myapp',[]).controller("mycontroller",function($scope){$scope.items=[{"id":1,"name":"Melodie"},{"id":2,"name":"Chastity"},{"id":3,"name":"Jescie"},{"

php - 在 AngularJS 中使用 ngRepeat 的控制台出错

我是AngularJS的新手,遇到了一些小问题。这是我的代码:JS:varapp=angular.module('appList',[]);app.controller('AppListCtrl',function($scope,$http){$scope.url='getappinfo.php';$http.post($scope.url).success(function(data){$scope.apps=data;}).error(function(data){console.log(data,status);});})app.directive('application',f

php - AngularJS 错误 : [ngRepeat:dupes]

我正在使用PHP获取JSON数据,但在ng-repeat上出现错误:[ngRepeat:dupes]转发器中不允许重复我尝试过trackby$index但每次浏览器因trackby$index崩溃时,在localhost中完美运行,但在虚拟主机上出现上述错误。有什么解决办法吗?JSON数据:{id:"1",title:"Title1",src:"Source1"},{id:"2",title:"Title2",src:"Source2"} 最佳答案 你可以尝试这样的事情。在您的Controller范围内定义一个方法:$scope.g