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">

相关文章

ANGULAR.JS:NG-SELECTANDNG-OPTIONSPS:其实看英文文档比看中...
AngularJS中使用Chart.js制折线图与饼图实例  Chart.js 是...
IE浏览器兼容性后续前言 继续尝试解决IE浏览器兼容性问题,...
Angular实现下拉菜单多选写这篇文章时,引用文章地址如下:h...
在AngularJS应用中集成科大讯飞语音输入功能前言 根据项目...
Angular数据更新不及时问题探讨前言 在修复控制角标正确变...