Tag: angularjs ng repeat

如何用Angular.js实现分页/表格布局？: 比方说，我收到了15+对象的对象文字，我需要在一个不错的布局（不是所有的行）中显示它们，什么是最有效的方法来控制行应该打破/页面应该结束？现在我在表行上使用了ng-repeat，结果是一列很长的一列。编辑澄清。可以有对象内的对象/更多的参数。这是我的目标： $scope.zones = [ {"name": "Zone 1", "activity": "1"}, {"name": "Zone 2", "activity": "1"}, {"name": "Zone 3", "activity": "0"}, {"name": "Zone 4", "activity": "0"}, {"name": "Zone 5", "activity": "0"}, {"name": "Zone 6", "activity": "0"}, {"name": "Zone 7", "activity": "1"}, {"name": "Zone 8", "activity": "0"}, {"name": "Zone 9", "activity": "0"}, {"name": "Zone […]

AngularJs删除ng-repeat中的重复元素: 我有一个存储在field_detail字典 <li ng-repeat = "field in field_detail">{{field.displayName}}</li> 现在我不想包含field_detail重复displayName ，我应该使用什么样的filter ？

AngularJS：嵌套循环内的ng-repeat跟踪$ index: 我需要第二个$索引我的嵌套ng重复循环。我应该怎样和在哪里放？ AngularJS网站说使用ngInit可以为这些属性创build别名。例如，当嵌套ngRepeats时，这可能是有用的。 <div ng-repeat="person in persons track by $index"> <div ng-repeat="something in array track by $index2"> <!– where to init this and how to manage it?–> 如果我再次使用$索引，它似乎工作，但我不知道这是正确的事情？我确信有一个简单而正确的方法，我只是无法find一个例子。谢谢

在“ng-repeat”迭代中使用AngularJs“ng-style”: 我正在使用ng-style来根据它们的值有条件地设置表中数据元素的颜色。每一行数据都是用ng重复生成的。所以我有这样的东西： <tr ng-repeat="payment in payments"> <td ng-style="set_color({{payment}})">{{payment.number}}</td> 和我的控制器中的一个function，做如下： $scope.set_color = function (payment) { if (payment.number > 50) { return '{color: red}' } } 我尝试了一些不同的东西。甚至将颜色设置为支付对象中的数据属性，但是看起来我无法获得ng-style来处理来自数据绑定的数据，有没有人知道我能做到这一点的方法？谢谢。

如果嵌套的ng-repeat不是空的，我怎样才能显示一个元素？: 我有一个列表，用嵌套的ng重复创build。每个外部ng-repeat都包含一个带有内部列表标签的div（例如：“Group A”）。我现在试图创build一个方法来避免显示这个标签，如果内部列表是空的，由于筛选（由inputsearch文本应用）这里是一个解释我的问题和我的尝试解决scheme的笨蛋： Plnkr 像isGroupEmpty这样的“重”函数看起来非常麻烦 – 有没有办法以更简单的方式做到这一点？我在玩ng-repeat内部的标签，并且使用ng-show="$first"的想法，但它看起来并不棒

将parameter passing给Angular ng-include: 我正试图显示一个元素的二叉树，我通过ng-includerecursion地进行。 ng-init="item = item.left"和ng-repeat="item in item.left"什么ng-repeat="item in item.left" ？在这个例子中，它的行为完全一样，但是我在项目中使用了类似的代码，并且在那里的行为有所不同。我想这是因为angular度范围。也许我不应该用ng-if，请解释一下如何做得更好。 pane.html是： <div ng-if="!isArray(item.left)"> <div ng-repeat="item in [item.left]" ng-include="'Views/pane.html'"> </div> </div> <div ng-if="isArray(item.left)"> {{item.left[0]}} </div> <div ng-if="!isArray(item.right)"> <div ng-repeat="item in [item.right]" ng-include="'Views/pane.html'"> </div> </div> <div ng-if="isArray(item.right)"> {{item.right[0]}} </div> <div ng-if="!isArray(item.left)"> <div ng-init = "item = item.left" ng-include="'Views/pane.html'"> </div> </div> <div ng-if="isArray(item.left)"> {{item.left[0]}} </div> <div […]

什么是ng-repeat指令的优先级可以改变它？: Angular文档说： DOM的编译是通过调用$ compile（）方法来完成的。该方法遍历DOM并匹配指令。如果find匹配项，则将其添加到与给定DOM元素关联的指令列表中。一旦给定DOM元素的所有指令都被识别出来，它们将按照优先级进行sorting，并执行它们的compile（）函数。我相信ng-repeat指令比自定义指令具有更低的优先级，在某些使用情况下（如dynamic标识和自定义指令）。 angular度允许修改指令的优先级来select一个之前的执行吗？

Angular.js ng-repeat过滤属性具有多个值之一（值的OR）: 是否有可能过滤一个对象数组，使得属性的值可以是几个值（OR条件）中的任何一个，而无需编写自定义filter 这与这个问题类似 – Angular.js ng-repeat：单个字段过滤但是，而不是 <div ng-repeat="product in products | filter: { color: 'red' }"> 是否有可能做这样的事情 <div ng-repeat="product in products | filter: { color: 'red'||'blue' }"> 以下是一个样本数据 – $scope.products = [ { id: 1, name: 'test', color: 'red' }, { id: 2, name: 'bob', color: 'blue' } /*… etc… */ ]; 我没有成功尝试 <div ng-repeat="product […]

如何$观看由ng-repeat创build的模型的更改？: 例如，考虑这个Plnkr 。我不知道有多lessfooCollection会员会被预先创build。所以我不知道有多lessbar模型将会存在。但是我知道他们将成为angular色模型，我知道他们将会在哪里。我该如何做$watch ？我需要这样做，因为我需要在更改bar模型时触发行为。观察fooCollection本身是不够的， $watch bar监听器不会在更改bar时触发。相关html： <body ng-controller="testCtrl"> <div ng-repeat="(fooKey, foo) in fooCollection"> Tell me your name: <input ng-model="foo.bar"> <br /> Hello, my name is {{ foo.bar }} </div> <button ng-click="fooCollection.push([])">Add a Namer</button> </body> 相关JS： angular .module('testApp', []) .controller('testCtrl', function ($scope) { $scope.fooCollection = []; $scope.$watch('fooCollection', function (oldValue, newValue) […]