2015-12-15 79 views
0

我正在使用多個ng-repeat創建一些div元素。 ng-repeat元素的數量是動態的。我想爲所有元素提供連續索引。它是如何以角度方式完成的?如何爲連續的ng-repeat元素提供角度連續的索引

<div ng-repeat="item in [1,2,1,5]">{{$index+1}}_{{item}}</div> 
<div ng-repeat="item in [5,2]">{{$index+1}}_{{item}}</div> 
<div ng-repeat="item in [4,6]">{{$index+1}}_{{item}}</div> 

預期結果

<div>1_1</div> 
<div>2_2</div> 
<div>3_1</div> 
<div>4_5</div> 
<div>5_5</div> 
<div>6_2</div> 
<div>7_4</div> 
<div>8_6</div> 
+1

爲什麼不能concat你的數組並且只做一個ng-repeat? – Alexandre

+0

或使用HTML – binariedMe

+0

的有序列表@Alexandre Divs位於不同的地方。並添加到不同事件的頁面上。 –

回答

1

這將工作雖然是不可靠的。 'profile'用來表示一個對象以避免孤立的範圍。你可以用這個邏輯寫指令。

<span ng-init="profile.count = 0">{{profile.count}}</span> 
<div ng-repeat="item in [1,2,1,5] track by $index" 
    ng-init="count=profile.count+1;profile.count=profile.count+1">{{::count}}_{{item}}</div> 
<div ng-repeat="item in [5,2] track by $index" 
    ng-init="count=profile.count+1;profile.count=profile.count+1">{{::count}}_{{item}}</div> 
<div ng-repeat="item in [4,6] track by $index" 
    ng-init="count=profile.count +1;profile.count=profile.count+1">{{::count}}_{{item}}</div> 
+0

它似乎工作。謝謝@roy –