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

发布时间：2020-12-17 09:37:12 所属栏目：安全来源：网络整理

导读：有没有办法ng重复定义的次数，而不是总是要迭代数组？例如，下面我想要列表项显示5次，假设$ scope.number等于5，另外增加数字，所以每个列表项增加为1，2，3，4，5 所需结果： ul lispan1/span/li lispan2/span/li lispan3/span/li lispan4/span/li lispan

有没有办法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">

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!