如何为4个元素使用ngFor？

Question

现在我用：

<app ngxSlickItem *ngFor="let item of items" [item]="item"></app>

带出所有元素。 但我需要带出4div元素。 像这样：

<div>
<app ngxSlickItem *ngFor="let item of items" [item]="item"></app>
<app ngxSlickItem *ngFor="let item of items" [item]="item"></app>
<app ngxSlickItem *ngFor="let item of items" [item]="item"></app>
<app ngxSlickItem *ngFor="let item of items" [item]="item"></app>
</div>

我怎么能用ngFor做到这一点？ 我有一个滑块，我需要在开始时显示4个元素。

Answer 1

使用SlicePipe：

<app ngxSlickItem *ngFor="let item of items | slice:0:4" [item]="item"></app>

第一个参数是start，第二个参数是end。

详细了解SlicePipe here。