Angularjs 插入一行,每四个ng重复值插入两列
我有下一个Html和AngularJS代码: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
<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
。你很幸运,我得到了完全相同的答案;)这不会产生预期的结果你为什么这么说@查理?