html - 您可以在 Angular 2 中将 ngFor 与模数运算符一起使用吗

Question

我正在将图像写入网页。每三张图片我想开始一个新行。 Angular 2 支持这个吗？

Answer 1

您可以通过执行以下操作来实现它:

<div *ngFor="let t of temp(math.ceil(arr.length/3)).fill(); let i = index" class="row">
  <div *ngFor="let item of arr.slice(3*i,3*i + 3);" class="item">
    {{item}}
  </div>
</div>

在你的组件中:

export class App {
  temp = Array;
  math = Math;
  arr= [1,2,3,4,5,6,7,8,9,10,11];
}

这是工作 Plunker