2017-09-14 7 views
0

ng-repeatのような配列のすべてのアイテムをループする必要がありますが、中間に何かを挿入する必要があります。それを行う方法?途中に何かを挿入しながらアイテムをループする

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 /> 

各項目が狭い画面で次の行に流れることができるブートストラップグリッド項目であるため、上記複数の項目を包む余分な要素が存在してはなりません。以下はOKではありません。

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><img /></div> <!-- one repeating item --> 
<div><img /></div> 
<div><img /></div> 
<div><img /><br/></div> 

として出力するが、私はアイテムを繰り返す間に余分なタグを必要

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

あります。

+0

を与える願っています。配列間または要素間に追加しますか? –

+0

@AnilShrestha配列は '[{src: ''}、{src: ''}]'と似ています。 3番目と4番目の要素を追加したい。 –

+0

AngularJS(v1)かAngular(v2 +)ですか? – DeborahK

答えて

0

が、これはあなたの配列

array = []; //your array 

は現在、配列の必要なインデックスにいくつかの値を追加してみましょうです。あなたが4位に追加したいしましょう

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> 

は、それはあなたにいくつかのアイデアのように、あなたの配列に見えるん何

+0

ああ、私は表示のためにデータを変更するとは思わなかった。しかし、これはうまくいくはずです。 –

関連する問題