是否有一种方法可以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>
当前回答
有很多方法可以做到这一点。我真的很困扰在我的控制器中有逻辑，所以我创建了一个简单的指令来解决重复一个元素n次的问题。
安装:
该指令可以使用安装器install angular-repeat-n安装
例子:
<span ng-repeat-n="4">{{$index}}</span
生产:1234
它也可以使用范围变量:
<span ng-repeat-n="repeatNum"></span>
来源:
Github
其他回答
我需要一个更动态的解决方案-我可以增加重复。
超文本标记语言
<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)
}
下面是一个如何做到这一点的例子。请注意，我的灵感来自ng-repeat文档中的一个注释:http://jsfiddle.net/digitalzebra/wnWY6/
注意ng-repeat指令:
<div ng-app>
<div ng-controller="TestCtrl">
<div ng-repeat="a in range(5) track by $index">{{$index + 1}}</div>
</div>
</div>
这是控制器:
function TestCtrl($scope) {
$scope.range = function(n) {
return new Array(n);
};
};
一个更简单的方法是(以5次为例):
<div ng-repeat="x in [].constructor(5) track by $index">
...
</div>
由于遍历字符串，它将为每个字符呈现一个项:
<li ng-repeat = "k in 'aaaa' track by $index">
{{$index}} //THIS DOESN'T ANSWER OP'S QUESTION. Read below.
</li>
我们可以使用数字|小数点后n位本机过滤器来使用这个丑陋但没有代码的解决方案。
<li ng-repeat="k in (0|number:mynumber -2 ) track by $index">
{{$index}}
</li>
这样我们就有了mynumber元素，而不需要额外的代码。说‘0.000’。 我们用mynumber - 2来补偿0。 对于低于3的数字，它将不起作用，但在某些情况下可能有用。
对于使用CoffeeScript的用户，您可以使用范围理解:
指令
link: (scope, element, attrs) ->
scope.range = [1..+attrs.range]
或控制器
$scope.range = [1..+$someVariable]
$scope.range = [1..5] # Or just an integer
模板
<div ng-repeat="i in range">[ the rest of your code ]</div>
