У меня есть сценарий использования, в котором я ищу данные, которые отображаются в таблице (cdk-table), предоставленной angular cdk. Мое требование заключается в том, что мне нужно выделить указанный c соответствующий текст в ячейке таблицы. Например, если данные в ячейке «Hello world» и я ищу «ello», то должна выделяться только часть «ello» ячейки. , Подход, который я использую, заключался в изменении данных, передаваемых в ячейку. Скажем, «Hello world» будет изменен на «Hello world», когда он передается в качестве ввода в ячейку. Но проблема в том, что я думаю, что внутренне таблица не использует внутреннее свойство HTML для визуализации текста, а использует интерполяцию, из-за которой, когда данные отображаются в таблице, они отображаются как «Hello world» вместо «Hello world» с Элло в желтом цвете. Он автоматически очищается с помощью Angular, чтобы предотвратить выполнение любых сценариев.
Есть ли обходной путь для этого, чтобы браузер мог понимать теги html и отображать их, принимая их во внимание.
При просмотре в DOM он отображается как
<div> <mark>bryant67</mark>@hotmail.com </div>
Я даже пытался использовать DomSanitizer, предоставленный Angular, но внутренне он требует использования привязки свойств вместо интерполяции