Question

这可能是一个非常简单的问题（我对AngularJS有点新），但我有以下代码：

<div ng-repeat="result in results" class="result">
   <div class="col-md-2 padding">
    ...
   </div>
</div>

例如，在获取4个结果后，我希望结果显示在下一行。有没有办法为ng-repeat提取的结果保留一个计数器？或者是否有一些指示使下一行显示下一个结果？

Answer 1

您可以在其中使用$index。

<div ng-if="$index == 3" class="col-md-2 padding">
</div>

Answer 2

要在第四行添加中断（加1为索引从0开始）

<br ng-if="($index+1)%4===0"/>

Answer 3

$index是ng-repeat中的内置计数器，您可以将其与ng-if指令一起使用：

<br ng-if="$index === 3" />

Answer 4

您需要将div标签更改为span标签，否则默认情况下它将位于不同的行上。除此之外，你可以使用ng-if来放置一个br标签

HTML代码：

<div ng-app ng-controller="test">
    <span ng-repeat="result in results" class="result">
        <span class="col-md-2 padding">{{result}}
            <br ng-if="(($index+1) % 4) === 0" />
        </span>
    </span>
</div>

Working Fiddle

如何使用Angular JS中的Ng-Repeat内容进行格式化？

4 个答案: