angularjs – 方法到ng重复定义的次数,而不是重复数组?

前端之家收集整理的这篇文章主要介绍了angularjs – 方法到ng重复定义的次数,而不是重复数组?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
有没有办法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">

猜你在找的Angularjs相关文章