有没有办法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">
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。