方法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>


慕勒3428872
浏览 562回答 3
3回答

青春有我

此刻,ng-repeat只接受集合作为参数,但可以这样做:<ul> &nbsp;&nbsp;&nbsp;&nbsp;<li&nbsp;ng-repeat="i&nbsp;in&nbsp;getNumber(number)"><span>{{$index+1}}</span></li></ul>在你的控制器里:$scope.number&nbsp;=&nbsp;5;$scope.getNumber&nbsp;=&nbsp;function(num)&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;new&nbsp;Array(num);&nbsp;&nbsp;&nbsp;}这会让你改变$scope.number任何数字,如您所愿,仍然保持您正在寻找的绑定。这是一把小提琴有几个列表使用相同的getNumber功能。新版本的角1.x使用以下语法:<li&nbsp;ng-repeat="i&nbsp;in&nbsp;getNumber(number)&nbsp;track&nbsp;by&nbsp;$index">新版本的角1.x允许您在没有函数的情况下完成此操作。如果您的代码很简单,并且不需要getNumber由于其他原因,您现在可以省略该函数,只需执行以下操作:<div&nbsp;ng-repeat="x&nbsp;in&nbsp;[].constructor(number)&nbsp;track&nbsp;by&nbsp;$index">

Smart猫小萌

你可以这样做:<div&nbsp;ng-repeat="i&nbsp;in&nbsp;[1,&nbsp;2,&nbsp;3,&nbsp;4]"> &nbsp;&nbsp;...</div>
打开App,查看更多内容
随时随地看视频慕课网APP