有一个内置的管显示条目只有一部分在阵列

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>