Одним из решений является создание пользовательского канала и его применение к содержимому в каждом выражении шаблона.
Вы, конечно, можете сделать так, чтобы bold.pipe.ts обернул передаваемое значение <strong></strong> вместо <mark></mark>, чтобы отфильтрованные результаты были выделены жирным шрифтом и не выделены.
Вы должны привязать значение фильтрованного ввода к аргументам канала, чтобы оно выглядело примерно так:
<td>{{ element.name | bold: filter }}</td>,
где filter - искомое значение.
Обратите внимание, что связанный ответ вернет undefined при пустом значении фильтра.
Ответ переполнения стека зачислен на Фахад Нисар