在中間插入其他東西時循環通過項目

我需要遍歷數組的所有項目，如ng-repeat，但在中間插入其他內容，比如在第3個和第4個之間。如何做？在中間插入其他東西時循環通過項目

WANT THIS 
<img 1 /> <!-- this is one array item --> 
<img 2 /> 
<img 3 /> 
<div>something else</div> <!-- between array items --> 
<img 4 /> 
<img 5 /> 
... 
<img 9 />

必須有包裹上述的若干項沒有額外的元素，因爲每個項目是可流動到下一行上窄屏幕自舉網格項。下面是不正常：

NOT OK 
<div> 
    <img 1 /> 
    <img 2 /> 
    <img 3 /> 
</div> 
<div>something else</div> 
<div> 
    <img 4 /> 
    <img 5 /> 
    ... 
    <img 9 /> 
</div>

關於複製，我不認爲這個問題重複了其他問題Customize ng-repeat in AngularJS for every nth element。這個問題的答案是後者

<div ng-repeat="items in MyList"> 
    <img /> 
    <br ng-if="...$index..." /> 
</div>

其輸出作爲

<div><img /></div> <!-- one repeating item --> 
<div><img /></div> 
<div><img /></div> 
<div><img /><br/></div>

，但我需要一個額外的標籤之間的重複項目。

來源

2017-09-14 Ka Fai Lo

那麼你的陣列樣子。你想在數組之間還是在元素之間添加 –

@AnilShrestha數組就像'[{src：''}，{src：''}]'。想要添加第3和第4個元素。 –

這是AngularJS（v1）還是Angular（v2 +）？ – DeborahK

讓這是你的陣列

array = []; //your array

現在一些價值添加到陣列所需的索引。讓你想在第四位加

array.splice(4, 0, "something else"); 




<div ng-repeat="(key, value) in array"> 

    <img ng-if="key != 4" /> 
    <div ng-if="key == 4">something else</div> 

</div>

希望它給你一些想法

來源

2017-09-14 17:52:14

哦，我不希望修改顯示數據。但這應該工作。 –

在中間插入其他東西時循環通過項目

回答

相關問題