在AngularJs中迭代ng-repeat只重复X次

Question

如何使用NG-重复类似的 Javascript中？

例:

<div ng-repeat="4">Text</div>

我想用ng-repeat迭代4次,但我该怎么做呢？

Answer 1

Angular附带一个limitTo:limit过滤器,它支持限制前x个项目和最后x个项目:

<div ng-repeat="item in items|limitTo:4">{{item}}</div>

Answer 2

这是我能想到的最简单的解决方法.

<span ng-repeat="n in [].constructor(5) track by $index">
{{$index}}
</span>

这是一个Plunker的例子.

Answer 3

您可以在javascript数组对象中使用切片方法

<div ng-repeat="item in items.slice(0, 4)">{{item}}</div>

短暂的甜蜜

Answer 4

在HTML中:

<div ng-repeat="t in getTimes(4)">text</div>

并在控制器中:

$scope.getTimes=function(n){
     return new Array(n);
};

http://plnkr.co/edit/j5kNLY4Xr43CzcjM1gkj

编辑:

with angularjs> 1.2.x

<div ng-repeat="t in getTimes(4) track by $index">TEXT</div>

Answer 5

@mpm给出的答案不起作用,它给出了错误

不允许在转发器中重复.使用'track by'表达式指定唯一键.转发器:{0},重复键:{1}

为了避免这种情况

ng-repeat ="t in getTimes(4)"

使用

跟踪$ index

像这样

<div ng-repeat ="t in getTimes(4)track by $ index"> TEXT </ div>

Answer 6

要重复7次,尝试使用长度= 7的数组,然后按$ index 跟踪它:

<span ng-repeat="a in (((b=[]).length=7)&&b) track by $index" ng-bind="$index + 1 + ', '"></span>

b=[]创建一个空数组«b»,
.length=7将其大小设置为«7»,
&&b让新数组«b»可用于ng-repeat,
track by $index其中«$ index»是迭代的位置.
ng-bind="$index + 1"显示从1开始.

要重复X次:
只需更换7通过X.