是否有一种方法可以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>
其他回答
更新(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函数对两个列表进行了修改。
简单的方法:
public defaultCompetences: Array<number> = [1, 2, 3];
在组件/控制器中，然后:
<div ng-repeat="i in $ctrl.defaultCompetences track by $index">
这段代码来自我的typescript项目，但可以重新安排到纯javascript
最简单的答案:2行代码
JS(在你的AngularJS控制器中)
$scope.range = new Array(MAX_REPEATS); // set MAX_REPEATS to the most repetitions you will ever need in a single ng-repeat that makes use of this strategy
HTML
<div ng-repeat="i in range.slice(0,repeatCount) track by $index"></div>
.．.其中repeatCount是应该出现在该位置的重复次数。
我也遇到了同样的问题。我偶然发现了这条线索，但不喜欢他们在这里的方法。我的解决方案是使用我们已经安装好的underscore.js。其实很简单:
<ul>
<li ng-repeat="n in _.range(1,6)"><span>{{n}}</span></li>
</ul>
这正是你想要的。
Angular提供了过滤器来修改集合。在这种情况下，集合将为空，即[]，过滤器也接受参数，如下所示:
<div id="demo">
<ul>
<li ng-repeat="not in []|fixedNumber:number track by $index">{{$index}}</li>
</ul>
</div>
JS:
module.filter('fixedNumber', function() {
return function(emptyarray, number) {
return Array(number);
}
});
module.controller('myCtrl', ['$scope', function($scope) {
$scope.number = 5;
}]);
这个方法与上面提出的方法非常相似，不一定更优秀，但显示了AngularJS中过滤器的强大功能。
