是否有一种方法可以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>
当前回答
你可以用这个例子。
在控制器:
$scope.data = {
'myVal': 33,
'maxVal': 55,
'indexCount': function(count) {
var cnt = 10;
if (typeof count === 'number') {
cnt = count;
}
return new Array(cnt);
}
};
在HTML代码端选择元素的例子:
<select ng-model="data.myVal" value="{{ data.myVal }}">
<option ng-repeat="i in data.indexCount(data.maxVal) track by $index" value="{{ $index + 1 }}">{{ $index + 1 }}</option>
</select>
其他回答
2021年的版本
*ngFor="let x of [].constructor(number)"
你可以这样做:
<div ng-repeat="i in [1, 2, 3, 4]">
...
</div>
有很多方法可以做到这一点。我真的很困扰在我的控制器中有逻辑，所以我创建了一个简单的指令来解决重复一个元素n次的问题。
安装:
该指令可以使用安装器install angular-repeat-n安装
例子:
<span ng-repeat-n="4">{{$index}}</span
生产:1234
它也可以使用范围变量:
<span ng-repeat-n="repeatNum"></span>
来源:
Github
下面是angular 1.2.x的答案
基本上是一样的，只是稍微修改了ng-repeat
<li ng-repeat="i in getNumber(myNumber) track by $index">
这是小提琴:http://jsfiddle.net/cHQLH/153/
这是因为angular 1.2不允许在指令中重复值。这意味着如果您尝试执行以下操作，将会得到一个错误。
<li ng-repeat="x in [1,1,1]"></li>
如果n不是太高，另一种选择是使用split(")对n个字符的字符串:
<div ng-controller="MainCtrl">
<div ng-repeat="a in 'abcdefgh'.split('')">{{$index}}</div>
</div>
