为了账号安全,请及时绑定邮箱和手机立即绑定

方法ng-重复定义的次数,而不是重复超过数组?

方法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>
查看完整描述

3 回答

?
青春有我

TA贡献1784条经验 获得超8个赞

此刻,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任何数字,如您所愿,仍然保持您正在寻找的绑定。

这是一把小提琴有几个列表使用相同的getNumber功能。

新版本的角1.x使用以下语法:

<li ng-repeat="i in getNumber(number) track by $index">

新版本的角1.x允许您在没有函数的情况下完成此操作。如果您的代码很简单,并且不需要getNumber由于其他原因,您现在可以省略该函数,只需执行以下操作:

<div ng-repeat="x in [].constructor(number) track by $index">


查看完整回答
反对 回复 2019-07-11
?
Smart猫小萌

TA贡献1911条经验 获得超7个赞

你可以这样做:

<div ng-repeat="i in [1, 2, 3, 4]">
  ...</div>


查看完整回答
反对 回复 2019-07-11
  • 3 回答
  • 0 关注
  • 558 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信