有没有办法ng重复定义的次数,而不是总是要迭代数组?
例如,下面我想要列表项显示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>
目前,ng-repeat只接受一个集合作为参数,但你可以这样做:
<ul> <li ng-repeat="i in getNumber(number)"><span>{{$index+1}}</span></li> </ul>
和你的控制器中的某个地方:
$scope.number = 5; $scope.getNumber = function(num) { return new Array(num); }
这将允许您将$ scope.number更改为任何数字,你仍然保持你正在寻找的绑定。
Here is a fiddle与使用相同的getNumber函数的几个列表。
EDIT 1/6/2014:较新版本的Angular使用以下语法:
<li ng-repeat="i in getNumber(number) track by $index">