javascript - 如何在中间的 ng-repeat 中插入新行(Angularjs + twitter bootstrap + jade)

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>