css - 输入表单中的角度突出显示子字符串

Question

我正在尝试在输入字段内设置文本样式，以突出显示给定 searchTerm 的子字符串。如果我在表单之外使用高亮显示效果非常好，但我不确定如何使用某种样式来操作我的输入文本。

我的高亮管道如下所示：https ://stackblitz.com/edit/angular-highlight-pipe?file=src%2Fapp%2Fapp.component.ts

但我无法将它绑定到表单字段：<input [value]="animal.get('name').value | highlight: highlightText" type="text" matInput>

标签： cssangularformsinput