将过滤后的数据从一个组件传递到另一个角度答案

【问题标题】：Passing filtered data from one component to another angular将过滤后的数据从一个组件传递到另一个角度
【发布时间】：2017-09-20 14:19:27
【问题描述】：

我有 formgroup 往返目的地，我将此对象数据传递给服务并检查这些路线总线是否可用，但我无法订阅在另一个组件中返回的此数据。

home.component.ts

  submit(value) {
const data = this.searchForm.value;
this.homeservice.getbus(data).subscribe((res) => {
    this.busfilter = res;
    console.log(this.busfilter);
     this.navigateToBusTicket();
},
() => {
});
}
 private navigateToBusTicket() {
  this.router.navigate(['busticket']);
}

} home.service.ts

 getbus(data) {
return this.http.get('http://127.0.0.1:3000/bus')
.map(
(response: Response) => {
    const items = response.json();
    for (let i = 0; i < items.length; i++) {
    if (data.fromandto.from === items[i].from && data.fromandto.to === items[i].to) {
      // console.log(items);
      return items;
    }
  }
})

我想在另一个组件busticket订阅这个返回的数据，怎么办？

【问题讨论】：

您觉得答案有帮助吗？

标签： angular components angular2-forms angular-routing

【解决方案1】：

例如，在您的home.service.ts 中，您可以使用EventEmitter 使用您收到的数据发出事件，而不是在其他组件中您可以处理该事件 - 订阅和处理收到的数据。您可以在下面阅读有关组件通信的更多信息。

【讨论】：