是否有内置管道只显示数组中的部分条目

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 pipe与 start 和 end 参数一起使用。

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

Answer 2

请参阅https://angular.io/docs/ts/latest/guide/pipes.html

中的slice

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