Tengo un servicio y un componente, en mi servicio hago una llamada GET a mi API, recibo la respuesta con los datos, y quiero compartir esos datos en otro componente que tengo y desde el cual no he realizado la llamada.
Hago una llamada a mi servicio llamado auth.service.ts desde mi componente llamado login.component.ts
Y quiero que los datos se muestren en home.component.ts
Mi servicio:
get empresa() {
return{ ...this._empresa }
}
constructor(public Http: HttpClient) {}
// El console.log que tengo en el tap, me devuelve los datos
getEmpresa(id) {
return this.Http.get(this.url + '/get-empresa/' + id)
.pipe(
//map( empresa => this._empresa = empresa),
tap( empresa => console.log(empresa) ),
tap( empresa => this._empresa = empresa),
);
}
Mi home.component.ts (
get empresa() {
return this.authService.empresa;
}
console.log(this.empresa);
En mi login.component.ts que es desde donde hago la petición si que recibo los datos
this.authService.getEmpresa(this.usuario.id).subscribe(
response => {
if(response['code'] == 200) {
this.empresas = response;
console.log('RESPUESTA');
console.log(this.empresas);
}
},
error => {
console.log(<any>error);
}
);
Muchas gracias de antemano