如何使用带有过滤器和$ index的ng-repeat?

弗兰克斯(Frankjs):

我想在Angular中使用ng-repeat,而我只想输出数组的某些元素。一个例子:

ng-repeat="item in items | filter:($index%3 == 0)"

但是,这不起作用。请告诉我该怎么做;仅输出元素的精确索引。

米凯尔:

在您的代码中,过滤器应用于“ items”数组,而不是应用于每个数组项,这就是为什么它无法按预期工作的原因。

相反,您可以使用ng-show(或ng-if):

<ul>
    <li ng-repeat="item in items" ng-show="$index % 3 == 0">{{item}}</li>
</ul>

请参阅:http//jsfiddle.net/H7d26

编辑:如果您不想添加不可见的dom元素,请使用ng-if指令:

<ul>
    <li ng-repeat="item in items" ng-if="$index % 3 == 0">{{item}}</li>
</ul>

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何使用带有ng-repeat的过滤器基于字段值过滤和对象

AngularJS - 如果 ng-repeat 为空并带有过滤器,则显示 div

AngularJS ng-repeat 在带有过滤器的数组上

Angular.Js性能,大型数据集,ng-repeat,带有过滤器和双向绑定的html表

带有数字和日期的ng-repeat多重过滤器

带有ng-select的ng-filter嵌套的ng-repeat过滤器

AngularJS:带有过滤器和 ng-change 的 ng-options

Angular.js嵌套ng-repeat带有在过滤器中使用的表达式

Angularjs错误:[filter:notarray]期望的数组,但收到:{},带有ng-repeat上的过滤器

AngularJS ng-repeat过滤器

如何动态禁用ng-repeat中的过滤器

ng-repeat:如何添加多个过滤器?

如何从具有过滤器和排序的ng重复获取ID值

如何返回过滤器ng-repeat中的所有数据?

Angular-在具有嵌套对象的ng-repeat上使用多个过滤器的麻烦

ng-Click无法在ng-repeat中使用{{$ index}}

如何使用angularjs为ng-repeat列表创建复选框过滤器?

如何使用angularjs对过滤器进行ng-repeat?

如何从JavaScript中使用orderBy过滤器执行ng-repeat?

如何在ng-repeat中使用过滤器?

Angular 1.4:如何使用过滤器强制更新 ng-repeat 中的指令?

嵌套的ng-repeat $ parent。$ index和$ index

AngularJS 中带有 $index 的嵌套循环(ng-repeat)

ng-if是否与ng-repeat过滤器冲突?

角度ng-repeat和过滤器错误(1.1.5版有效,1.2.15有错误)

ng-grid中带有过滤器的单元格模板

如何使用$ index更改ng-repeat中的类?

如果未选择过滤器,则ng-repeat过滤器将“显示所有”项目

如何在对象属性的ng-repeat上有条件地应用角度过滤器?