有一個內置的管顯示條目只有一部分在陣列

Question

我展示產品：

<li *ngFor="let product of products">{{product.id}}</li> 

我想限制使用的組件的屬性中顯示的條目數。有沒有內置的管道來做到這一點，或者我應該創建自己的管道？

這是我如何看它：

<li *ngFor="let product of products | length[propertyOnComponent]">{{product.id}}</li> 

所以，如果propertyOnComponent爲3，則只有3項將被顯示。

Answer 1

見slice在https://angular.io/docs/ts/latest/guide/pipes.html

<li *ngFor="let product of products | slice:0:propertyOnComponent">{{product.id}}</li> 

Answer 2

來實現這一點的最好辦法是與開始和年底參數使用slice pipe。

<li *ngFor="let product of products | slice:0:propertyOnComponent"> 
    {{product.id}} 
</li>