是否有一种方法可以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>
当前回答
我也遇到了同样的问题。我偶然发现了这条线索，但不喜欢他们在这里的方法。我的解决方案是使用我们已经安装好的underscore.js。其实很简单:
<ul>
<li ng-repeat="n in _.range(1,6)"><span>{{n}}</span></li>
</ul>
这正是你想要的。
其他回答
$scope.number = 5;
<div ng-repeat="n in [] | range:$scope.number">
<span>{{$index}}</span>
</div>
我认为这个jsFiddle从这个线程可能是你正在寻找的。
<div ng-app ng-controller="Main">
<div ng-repeat="item in items | limitTo:2">
{{item.name}}
</div>
</div>
我需要一个更动态的解决方案-我可以增加重复。
超文本标记语言
<div ng-repeat="n in newUserCount">
<input type="text" value="" name="newuser{{n}}"/>
</div>
复印机控制
<span class="helper" ng-click="duplicateUser()">
Create another user with the same permissions
</span>
JS
$scope.newUserCount = Array('1');
var primaryValue = 1;
$scope.duplicateUser = function()
{
primaryValue++;
$scope.newUserCount.push(primaryValue)
}
这只是对公认答案的轻微变化，但实际上不需要创建新函数。仅在作用域中导入Array:
<div ng-app="myapp">
<div ng-controller="ctrlParent">
<ul>
<li ng-repeat="i in counter(5) track by $index">
<span>{{$index+1}}</span></li>
</ul>
</div>
</div>
var app = angular.module('myapp',[]);
app.controller('ctrlParent',function($scope){
$scope.myNumber = 5;
$scope.counter = Array;
});
这把小提琴就是一个活生生的例子。
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中过滤器的强大功能。
