是否有一种方法可以ng-repeat定义的次数，而不是总是要迭代一个数组?
例如，下面我希望列表项显示5次，假设为$scope。数字等于5，加上增加的数字，所以每个列表项都增加，如1,2,3,4,5
预期的结果:
<ul>
<li><span>1</span></li>
<li><span>2</span></li>
<li><span>3</span></li>
<li><span>4</span></li>
<li><span>5</span></li>
</ul>
当前回答
一个更简单的方法是(以5次为例):
<div ng-repeat="x in [].constructor(5) track by $index">
...
</div>
其他回答
我想保持我的html非常小，所以定义了一个小过滤器，创建数组[0,1,2，…就像其他人所做的那样:
angular.module('awesomeApp')
.filter('range', function(){
return function(n) {
var res = [];
for (var i = 0; i < n; i++) {
res.push(i);
}
return res;
};
});
之后，在视图上可以这样使用:
<ul>
<li ng-repeat="i in 5 | range">
{{i+1}} <!-- the array will range from 0 to 4 -->
</li>
</ul>
更新(9/25/2018)
新版本的AngularJS(>= 1.3.0)允许你只需要一个变量就可以做到这一点(不需要函数):
<li ng-repeat="x in [].constructor(number) track by $index">
<span>{{ $index+1 }}</span>
</li>
$scope.number = 5;
在第一次提出这个问题时，这是不可能的。感谢@Nikhil Nambiar在下面的回答
原始(5/29/2013)
目前ng-repeat只接受一个集合作为参数，但是你可以这样做:
<li ng-repeat="i in getNumber(number)">
<span>{{ $index+1 }}</span>
</li>
在你的控制器中:
$scope.number = 5;
$scope.getNumber = function(num) {
return new Array(num);
}
这将允许您更改$scope。任意编号，仍然保持您正在寻找的绑定。
编辑(1/6/2014)——AngularJS(>= 1.1.5)的新版本要求通过$index跟踪:
<li ng-repeat="i in getNumber(number) track by $index">
<span>{{ $index+1 }}</span>
</li>
这里使用相同的getNumber函数对两个列表进行了修改。
一个更简单的方法是(以5次为例):
<div ng-repeat="x in [].constructor(5) track by $index">
...
</div>
我认为这个jsFiddle从这个线程可能是你正在寻找的。
<div ng-app ng-controller="Main">
<div ng-repeat="item in items | limitTo:2">
{{item.name}}
</div>
</div>
我正在创建一个可重用的指令，其中最大数字将来自另一个ng-repeat。这是对最佳投票答案的编辑。
只需将控制器上的代码更改为这个-
$scope.getNumber = function(num) {
var temp = [];
for(var j = 0; j < num; j++){
temp.push(j)
}
return temp;
}
这将返回一个具有指定迭代次数的新数组
