私はHTMLとAngularJSの次のコードを持っている二つの列ごとに4 ngのリピート値

Question

で行を挿入：今すぐ

<div class='row'> 
    <div class='col-md-6' ng-repeat='post in news'> 
     <div class='post-content'>{{ post.title }}</div> 
    </div> 
</div> 

を、私は必要なものを2列ごとに4つのポストを持つ行をプッシュすることです。

<div class='row'> 
    <div class='col-md-6'> 
     <div class='add-content'>Something</div> 
    </div> 
    <div class='col-md-6'> 
     <div class='add-content'>Something</div> 
    </div> 
</div> 

AngularJSではどうしますか？

DOMは、私が探しているものを結果である：

<div class='row'> 
    <div class='col-md-6'> 
     <div class='post-content'>POST TITLE</div> 
    </div> 
    <div class='col-md-6'> 
     <div class='post-content'>POST TITLE</div> 
    </div> 
    <div class='col-md-6'> 
     <div class='post-content'>POST TITLE</div> 
    </div> 
    <div class='col-md-6'> 
     <div class='post-content'>POST TITLE</div> 
    </div> 
</div> 
<div class='row'> 
    <div class='col-md-6'> 
     <div class='add-content'>Something</div> 
    </div> 
    <div class='col-md-6'> 
     <div class='add-content'>Something</div> 
    </div> 
</div> 
<div class='row'> 
    <div class='col-md-6'> 
     <div class='post-content'>POST TITLE</div> 
    </div> 
    <div class='col-md-6'> 
     <div class='post-content'>POST TITLE</div> 
    </div> 
... 

Answer 1

、本質的に、あなたはそれが現在であるインデックスに追跡した$インデックスに建てを使用する必要があります。すべての4番目の項目は、それが4で割り切れるべきであることを意味します。また、そのアイテムにdomスニペットを追加する必要があるかどうかを判断するには、ng-ifステートメントが必要です。また、これはng-repeatの代わりにng-repeat-startの使用を要求します。ほとんど使用されませんが、この目的のためにはうまくいくはずです。以下のコード：

<div class='row' ng-repeat-start="post in news" > 
     <div class='post-content'>{{ post.title }}</div> 
    </div> 
    <div class="row" ng-repeat-end ng-if="($index +1) % 4 === 0" > 
     <div class='col-md-6'> 
     <div class='post-content'>POST TITLE</div> 
     </div> 
     <div class='col-md-6'> 
     <div class='post-content'>POST TITLE</div> 
     </div> 
    </div>