angular - 配列内のエントリの一部のみを表示する組み込みパイプはありますか

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

これを実装する最善の方法は、スライス パイプを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>