Boa tarde senhores,
Tenho uma tela, com dois componentes, sendo eles:
- principal.ts;
- pesquisar.ts;
Onde são carregados dados de uma Web API através de um service e o retorno dos dados são carregados pelo componente principal, que monta um treeview do lado esquerdo da tela, onde, ao clicar em algum node do treeview é exibido o conteúdo em um div do component pesquisar que recebe os dados do componente principal e os exibe.
No componente pesquisar, eu possui um input text de pesquisa, que serve para destacar as palavras correspondentes. O problema, é quando é apagado o texto digitado no campo de pesquisa ou digitado uma palavra que não exista no conteúdo exibido, ao invés de exibir o texto formatado é exibido o mesmo com as tags HTML.
No entanto, não consigo monitorar esse evento de digitação que ocorre implicitamente e parece estar encapsulado pelo componente. Como se ele ficasse monitorando alguma alteração no component pesquisar e validasse do que recebe do component principal, uma vez feito isso, ele perde o estado atual.
Alguém saberia como posso resolver isso?