Angular 如何使用@Input在*ngFor指令中设置管道

我有一个有3个输入参数的组件

json_列

json_行

名称过滤器

如何将

name\u过滤器设置为过滤该组数据的管道？

组件技术
component.html

{{item.nombre}}
一种方法是创建函数“getFilas（）”并在函数中实现过滤器

请参见此示例：

这是模板

<div *ngFor="let item of getData(); let i=index">
    {{i}} -  {{item.name}} {{ item | json }}
</div>

您有多少这样的
管道
？为什么不使用一个
管道
，然后按名称、id等过滤
属性，而不是使用多个过滤器呢。
<tr *ngFor="let item of filas | filter: searchItem; let i=index" >
{{item.nombre}}
</tr>

<div *ngFor="let item of getData(); let i=index">
    {{i}} -  {{item.name}} {{ item | json }}
</div>

  @Input() field: string;
  @Input() value: string;
  @Input() data: any[];

  getData() {
    return this.data.filter((item) => {
      return item[this.field] == this.value;
    })
  }