Есть ли встроенный в трубу, чтобы показать только часть записей в массиве

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>