首頁(yè) 猿問(wèn) 方法ng-重復(fù)定義的次數(shù)，而不是重...

方法ng-重復(fù)定義的次數(shù)，而不是重復(fù)超過(guò)數(shù)組？

AngularJS JavaScript Html/CSS

慕勒3428872 2019-07-11 15:27:32

方法ng-重復(fù)定義的次數(shù)，而不是重復(fù)超過(guò)數(shù)組？是否有一種方法可以重復(fù)指定的次數(shù)，而不是總是對(duì)數(shù)組進(jìn)行迭代？例如，下面我希望列表項(xiàng)顯示5次假設(shè)$scope.number等于5，加上遞增數(shù)，因此每個(gè)列表項(xiàng)都會(huì)增加，如1、2、3、4、5。預(yù)期結(jié)果：<ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li></ul>

查看完整描述

3 回答

青春有我

TA貢獻(xiàn)1784條經(jīng)驗(yàn) 獲得超8個(gè)贊

此刻,ng-repeat只接受集合作為參數(shù)，但可以這樣做：

<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);   }

這會(huì)讓你改變$scope.number任何數(shù)字，如您所愿，仍然保持您正在尋找的綁定。

這是一把小提琴有幾個(gè)列表使用相同的getNumber功能。

新版本的角1.x使用以下語(yǔ)法：

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

新版本的角1.x允許您在沒(méi)有函數(shù)的情況下完成此操作。如果您的代碼很簡(jiǎn)單，并且不需要getNumber由于其他原因，您現(xiàn)在可以省略該函數(shù)，只需執(zhí)行以下操作：

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

反對(duì) 回復(fù) 2019-07-11

Smart貓小萌

TA貢獻(xiàn)1911條經(jīng)驗(yàn) 獲得超7個(gè)贊

你可以這樣做：

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

反對(duì) 回復(fù) 2019-07-11

3 回答
0 關(guān)注
589 瀏覽

關(guān)注

第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

方法ng-重復(fù)定義的次數(shù)，而不是重復(fù)超過(guò)數(shù)組？

方法ng-重復(fù)定義的次數(shù)，而不是重復(fù)超過(guò)數(shù)組？

3 回答

相關(guān)問(wèn)題推薦

添加回答

第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

熱搜

最近搜索清空

方法ng-重復(fù)定義的次數(shù)，而不是重復(fù)超過(guò)數(shù)組？

方法ng-重復(fù)定義的次數(shù)，而不是重復(fù)超過(guò)數(shù)組？

3 回答

相關(guān)問(wèn)題推薦

添加回答

方法ng-重復(fù)定義的次數(shù)，而不是重復(fù)超過(guò)數(shù)組？

方法ng-重復(fù)定義的次數(shù)，而不是重復(fù)超過(guò)數(shù)組？