Transmettre des données filtrées d'un composant à un autre

Question

J'ai formgroup où je prends de et vers destination et et je passe ces données d'objet au service et vérifie si ces bus itinéraires sont disponibles mais je ne suis pas capable de souscrire ces données retournées dans un autre composant.

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; 
    } 
    } 
}) 

Je veux abonner ce retour des données dans un autre composant busticket comment faire il?

Answer 1

Par exemple dans votre home.service.ts vous pouvez utiliser EventEmitter pour émettre un événement avec des données que vous avez reçues et que dans un autre composant vous pouvez gérer cet événement - abonnez-vous et traitez les données reçues. Vous pouvez en savoir plus sur la communication des composants ci-dessous.

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