javascript - 如何在中间的 ng-repeat 中插入新行（Angularjs + twitter bootstrap + jam）

Question

我想像下面这样插入新行。

div.row
  div.span12
    div(ng-repeat="(data in datas)")
      p data.text

      // insert new line when $index is the number divisible by 3.

它是怎么做的？

谢谢你。

Answer 1

您可以使用 ng-if 指令，每次 $index 匹配某个条件时都会显示换行符。因此，如果您想在 3 次迭代后中断：

<div ng-repeat="data in datas">
    {{ data }}
    <br ng-if="($index+1)%3==0">
<div>

Answer 2

我不确定你的最终结果是什么，但有几种方法可以解决这个问题。第一种是使用 ng-hide 和 ng-show 对可被 3 整除的项目执行不同的操作。另一种方法是使用 ng-class 以不同的方式设置第 3 个元素的样式。

<div ng-repeat="data in datas">
    <div ng-class="{'red': ($index+1)%3==0}">{{data}}</div>
<div>

这是一个jsFiddle