从角度 2 管道获取数据答案

【问题标题】：Get data from angular 2 pipe从角度 2 管道获取数据
【发布时间】：2016-07-28 06:26:59
【问题描述】：

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

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

非常感谢您的帮助。

【问题讨论】：

标签： templates angular pipe components

【解决方案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。

【讨论】：

蒂埃里。我亲爱的朋友。太感谢了！你真棒！请通过我的电子邮件（我几天前写给你的雅虎邮箱）给我你的 webmoney 号码，我想给你买啤酒！你是一个对我帮助很大的人！附言你从哪里得到这些知识。我查看了许多来源，但找不到任何关于 forwardRef 的信息，以及其他隐藏的 angular2 功能。更新。查看了您的 github 存储库。现在我知道了。