如何传递函数as arg Pipe angular2

nao*_*omi 4 angular2-pipe angular

我想要一个通用字段过滤器,它将过滤器函数作为参数并使用它 filter

import {Injectable, Pipe, PipeTransform} from '@angular/core';

@Pipe({
  name: 'FieldsFilter'
})
@Injectable()
export class FieldsFilter implements PipeTransform {
  transform(fields: any[], args: any[]): any {
    return fields.filter(args[0]);//pass function to filter
  }
}
Run Code Online (Sandbox Code Playgroud)

所以我可以在具有不同过滤功能的多个地方使用它.

如何通过过滤功能?

Gün*_*uer 5

@Pipe({
  name: 'FieldsFilter'
})
@Injectable()
export class FieldsFilter implements PipeTransform {
  transform(fields: any[], f): any {
    return fields.filter((e) => f(e));
  }
}
Run Code Online (Sandbox Code Playgroud)

它在很久以前就被改变了,额外的管道参数被传递给单个参数而不是作为数组形式的单个参数.

  • 尝试在参数函数中引用“this”时出现错误。我该如何绑定它? (2认同)
  • 我知道了。将函数分配给组件中的一个字段,如 `this.f = this.filterFuntion.bind(this);`,然后将 `f` 传递给管道。 (2认同)