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-repeat指令要开始而不是零的索引? 我有一组结果,我只需要指定一个不同于零的开始的结果。

如果嵌套的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) […]