从角度2管道获取数据

时间:2016-04-07 11:37:57

标签: templates angular pipe components

是否可以从管道到组件获取文件数据?

如果我们的数据通过模板中的管道过滤,我如何获取此过滤后的数据并将其传递给我的组件? :)

非常感谢您的帮助。

1 个答案:

答案 0 :(得分:4)

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

然后你可以设置它的值:

@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