Angularjs 插入一行,每四个ng重复值插入两列

Angularjs 插入一行,每四个ng重复值插入两列,angularjs,twitter-bootstrap,angularjs-ng-repeat,Angularjs,Twitter Bootstrap,Angularjs Ng Repeat,我有下一个Html和AngularJS代码: <div class='row'> <div class='col-md-6' ng-repeat='post in news'> <div class='post-content'>{{ post.title }}</div> </div> </div> {{post.title}} 现在,我需要的是每四篇文章推一行两列 <div c

我有下一个Html和AngularJS代码:

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

{{post.title}}
现在,我需要的是每四篇文章推一行两列

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

职称
职称
职称
职称
某物
某物
职称
职称
...

基本上,您需要使用内置的$index,它可以跟踪当前所在的索引。每四项意味着它应该可以被四整除。您还需要一个ng if语句来确定是否应该在所述项上添加dom片段。这也要求使用ng repeat start而不是ng repeat。它很少使用,但为了这个目的,它应该工作。代码如下:

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

{{post.title}}
职称
职称

您的手机在哪里?
class='add-content'
的内容来自哪里?模运算是一种很好的方法,但它没有按照用户的期望工作。它应该是
($index+1)%4==0
。你很幸运,我得到了完全相同的答案;)这不会产生预期的结果你为什么这么说@查理?