Necesito saber como pasar información entre dos componentes de una aplicación de Angular pero no tienen ninguna relación entre ellos. No tengo un parent que una a los dos.
Necesito pasar la variable cabecera del componente 1 al 2
Primer Componente
export class Componente 1 implements OnInit {
constructor() {}
contador: number;
cabecera: Cabecera;
ngOnInit() {
this.appService.getOf(this.inputOf).subscribe(data => {
if (data.erpDataObjects.length !== 0) {
console.log(data);
this.cabecera.maquina = data.erpDataObjects[0].head.maq;
this.cabecera.nomMaquina = data.erpDataObjects[0].head.nameMaq;
this.cabecera.articulo = data.erpDataObjects[0].head.arti;
this.cabecera.nomArticulo = data.erpDataObjects[0].head.nameArti;
this.cabecera.of = this.inputOf;
}
}
}
componente 2
export class Componente2 implements OnInit {
constructor() {}
ngOnInit() {
}
}
En los html