如何将过滤器应用于\* ngFor？

角度的 TypeScript

蛋蛋

2020-05-25

显然，Angular 2将使用管道代替Angular1中的ng-for过滤器来过滤结果，尽管实现起来似乎还很模糊，没有明确的文档。

即我可以从以下角度看待我要实现的目标

<div *ng-for="#item of itemsList" *ng-if="conditon(item)"></div>

如何使用管道来实现？

第4175篇《如何将过滤器应用于\* ngFor？》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

共1个回答
Tom凯 2020.05.25

这是我在不使用管道的情况下实现的。

component.html

<div *ngFor="let item of filter(itemsList)">

component.ts

@Component({
....
})
export class YourComponent {
  filter(itemList: yourItemType[]): yourItemType[] {
    let result: yourItemType[] = [];
    //your filter logic here
    ...
    ...
    return result;
  }
}

相似问题

0 回答

0 回答

5 回答

25 回答

0 回答

0 回答

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android