Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Componente Filho atualizando componente Pai

Boa tarde, tentei váris formas e nao consegui queria muito ajuda da comunidade para resolver esse problema..

Temos o módulo animal e seus componentes. O componente principal (pai ) detalhe-animal. tem seu subcomponente (filho) e quando gera um novo comentario, ele deveria avisar seu pai que ele tem um novo comentario, para o mesmo atualizar o numero de comentarios em sua view.

Como poderiamos fazer isso de uma forma simples ???

2 respostas

Olá, Cesar! Tudo certo?

Acredito que se você for em detalhe-animal.component.ts e ao invés de atribuir um valor, se inscrever no Observable que o Service retorna, pode funcionar. Ficaria assim:

ngOnInit(): void {
    this.animalId = this.activatedRoute.snapshot.params.animalId;
    this.animaisService.buscaPorID(this.animalId).subscribe((animal) => this.animal$ = animal);
}

Se isso não funcionar, outro jeito é adicionar um @Output com um EventEmitter no componente-filho, e no componente-pai escutar por esse evento, que quando for disparado, executar um método que faça esse processo de this.animal$ = this.animaisService.buscaPorID(this.animalId). Assim, o animal será atualizado sempre que um novo comentário for adicionado.

Espero que isso ajude!

solução!

Consegui seguindo a ideia do eventEmitter;

Obrigado

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

no componente detalhe animal

Insira aqui a descrição dessa imagem para ajudar na acessibilidade