从 angular 2 管道获取数据

Question

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

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

非常感谢您的帮助。

Answer 1

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

然后你可以设置它的值：

@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 。