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>