过滤div innerHTML而不包含HTML标记

Question

我想将搜索突出显示添加到div。该div的内容是使用innerHTML设置的，因为给出的内容包括标记（我无法更改）。因此，目前我创建div的方式如下：

<div [innerHTML]="getDetails(row.id) | highlight: filterText"></div>

这很好，除非您对HTML标记中的内容进行过滤。例如，搜索“ {” 1}}之类的“正常”高光（我可能会添加），并造成混乱。

所以，只是重申一下……我当前的过滤器正在使诸如此类的事情

• 这是一个普通的句子

进入：

• 字体粗细：普通；>这是一个普通句子

突出显示“正常”的所有实例。

我只希望突出显示的文本，但我想保留HTML标记。有任何想法吗？？？谢谢！