javascript - ng-repeat 定义的次数而不是在数组上重复的方法？

Question

有没有办法ng-repeat指定的次数，而不必总是迭代数组？

例如，下面我希望列表项显示 5 次，假设 $scope.number 等于 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>

Answer 1

更新(2018 年 9 月 25 日)

较新版本的 AngularJS (>= 1.3.0) 允许您仅使用变量来执行此操作(不需要函数):

<li ng-repeat="x in [].constructor(number) track by $index">
    <span>{{ $index+1 }}</span>
</li>

$scope.number = 5;

这在第一次提出问题时是不可能的。感谢@Nikhil Nambiar 在下面对本次更新的回答

<小时/>

原始(2013 年 5 月 29 日)

目前，ng-repeat 仅接受集合作为参数，但您可以这样做:

<li ng-repeat="i in getNumber(number)">
    <span>{{ $index+1 }}</span>
</li>

在你的 Controller 中的某个地方:

$scope.number = 5;
$scope.getNumber = function(num) {
    return new Array(num);   
}

这将允许您将 $scope.number 更改为您喜欢的任何数字，并且仍然保持您正在寻找的绑定(bind)。

编辑 (1/6/2014) -- 较新版本的 AngularJS (>= 1.1.5) 需要通过 $index 跟踪:

<li ng-repeat="i in getNumber(number) track by $index">
    <span>{{ $index+1 }}</span>
</li>

Here is a fiddle多个列表使用相同的 getNumber 函数。