Tenho um componente que mostra uma imagem e um outro componente que deve alterar o src dessa imagem.
Tentei fazer o seguinte:
Perfil.component.ts
alteraDadosPerfil(){
this.perfilService.alteraDadosPerfil(this.perfil,this.croppedImage)
.pipe(
take(1)
)
.subscribe((res) => {
if(this.croppedImage != null){ //Se foi alterado imagem então guarda a foto no localstorage e chama o método do serviço que altera a foto de perfil
localStorage.setItem('foto', this.croppedImage);
this.perfilService.alteraFotoPerfil(this.croppedImage);
}
},
(err: HttpErrorResponse) => {
})
}
Perfil.service.ts
fotoPerfil: Subject<any> = new Subject<any>();
alteraFotoPerfil(base64Foto: string){
this.fotoPerfil.next(base64Foto);
}
Home.component.ts
avatarPerfil: string = null;
ngOnInit(){
this.avatarPerfil = localStorage.getItem('foto');
this.nomeUsuarioLogado = localStorage.getItem('nome');
this.emailUsuarioLogado = localStorage.getItem('emailUsuario');
this.perfilService.fotoPerfil.subscribe(res => { //Não está entrando aqui dentro
this.avatarPerfil = res
})
}