javascript - 有条件地渲染中继器中的元素

Question

我试图将项目渲染到我希望每行有五个项目的页面。这意味着我想要具有行类的 div 元素仅呈现数组中的每五个项目。这是一些伪代码:

<div ng-repeat="item in items">
    <div class="row"> // render only every five items
        <div>{{item.name}}</div>// render at all times
    </div>
</div>

这在 Angular 上怎么可能做到？我已经研究过 ng-if 和 ng-show 指令，但这些指令似乎还隐藏了嵌套的 html 元素，这是我不想要的。这对我不起作用: ng-if="$index % 5 == 0"

Answer 1

如果问题是 class="row" 属性，您可以使用如下内容:

<div ng-class="{ 'row': $index % 5 === 0 }">