將過濾的數據從一個組件傳遞到另一個角度

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