是否有一种方法可以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>
当前回答
你可以使用ng-if指令和ng-repeat
因此，如果num是元素需要重复的次数:
<li ng-repeat="item in list" ng-if="$index < num">
其他回答
我也遇到了同样的问题。我偶然发现了这条线索，但不喜欢他们在这里的方法。我的解决方案是使用我们已经安装好的underscore.js。其实很简单:
<ul>
<li ng-repeat="n in _.range(1,6)"><span>{{n}}</span></li>
</ul>
这正是你想要的。
我想保持我的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>
首先，使用LoDash创建一个角过滤器:
angular.module('myApp').filter('times', function(){
return function(value){
return _.times(value || 0);
}
});
LoDash times函数能够处理null, undefined, 0，数字和数字的字符串表示。
然后，在你的HTML中像这样使用它:
<span ng-repeat="i in 5 | times">
<!--DO STUFF-->
</span>
or
<span ng-repeat="i in myVar | times">
<!--DO STUFF-->
</span>
如果n不是太高，另一种选择是使用split(")对n个字符的字符串:
<div ng-controller="MainCtrl">
<div ng-repeat="a in 'abcdefgh'.split('')">{{$index}}</div>
</div>
在Ivan的第一个答案上展开一点，只要字符是唯一的，你可以使用一个字符串作为集合，而不使用track by语句，所以如果用例少于10个数字(就像在问题中那样)，我将简单地这样做:
<ul>
<li ng-repeat="n in '12345'"><span>{{n}}</span></li>
</ul>
当然，这有点古怪，但看起来足够简单，也不是特别令人困惑。
