templates - 从 Angular 2 管道获取数据

Question

是否可以从管道到组件获取经过过滤的数据？

如果我们的数据通过模板中的管道过滤，我如何获取这些过滤后的数据并将其传递到我的组件中？ :)

非常感谢您的帮助。

Answer 1

我不知道这是否是一个好主意以及您的确切用例是什么，但您可以将组件实例(或共享服务)注入(inject)管道构造函数中。

然后你可以对其设置值:

@Pipe({
  name: 'test'
})
export class TestPipe {
  constructor(@Inject(forwardRef(() => AppComponent)) private comp:AppComponent) {

  }

  transform(value) {
    var filtered = value.map((v) => v-1);
    this.comp.filteredData = filtered;
    return filtered;
  }
}

查看这个plunkr:https://plnkr.co/edit/Lp6p97FtytdMM6mA7VGX?p=preview .