如何对 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。