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

标签 angular angular2-pipe

我正在展示产品:

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

我想使用组件上的属性限制显示的条目数。是否有内置管道可以执行此操作,或者我应该创建自己的管道?

这是我的看法:

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

因此,如果 propertyOnComponent 为 3,则只会显示 3 个条目。

最佳答案

参见 https://angular.io/docs/ts/latest/guide/pipes.html 中的 slice

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

关于angular - 是否有内置管道仅显示数组中的部分条目,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40650592/

相关文章:

node.js - 如何将事件从nodeJS/express发送到Angular

javascript - 如何使用 Angular2 管道按离今天最近的日期排序

javascript - 获取货币符号 Angular 2

Angular 2 PercentPipe异常输出

angular - 如何从管道加载 JSON?

javascript - 在 Meteor Angular2 上安装 D3

Angular 5 测试 : how to get a reference to the child component

node.js - webpack 如何以及在哪里使用 tsconfig.file 和 tsc

javascript - 从可观察订阅返回 promise 值

javascript - 复选框过滤仅适用于刷新 Angular2