Bom dia gostaria de fazer um componente geral de mensagem, e que ele seja acionado somente por uma função.
Estou usando o primeng e seu componente de mensagem Growl. Porem estou repetindo várias vezes ele para chamar as mensagens a ideia seria criar um componente geral colocar ele no index, e sempre que precisar usar chamar uma função com passando a mensagem e o tipo da mensagem. Assim automaticamente o Growl aparece na tela, tentei várias formas porem não achei uma lógica para fazer isso, alguém sabe como fazer?
Como chamar a função de fazer a mensagem no controler do componente?
atualmente estou usando na mesma forma da documentação do primeng segue o código
componentes onde estou usando o growl
<p-growl [(value)]="msgs"></p-growl>função que acional o Growl
msgs: Message[] = [];
showMenssagem(tipo: string, titulo: string, menssagem: string) {
console.log(`tipo ${tipo} titulo ${titulo} menssagem ${menssagem}`);
this.msgs = [];
this.msgs.push({ severity: tipo, summary: titulo, detail: menssagem });
}e esses códigos estou repetindo em todos componentes que usa o Growl, queria só chamar a função e acionar o Growl independente do componente, tipo assim
servicoGrowl.mostraGrowl(tipo, titulo, menssagem)alguma ideia?
