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

Question

我有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怎么办它？

Answer 1

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

• Component events with EventEmitter and @Output in Angular 2+
• Component Interaction Angular Docs