Javascript 如何在angular 2材质表的搜索结果中加粗搜索图案

我搜索“ium”。3行匹配并显示在搜索结果中。我现在如何在搜索结果中加粗“ium”，如iphone手机目录搜索。运行演示和代码是

一个解决方案是将其应用于每个模板表达式中的内容

当然，您可以使

加粗.pipe.ts

用

而不是

将其传递的值换行，以便将过滤结果加粗而不突出显示

您必须将过滤输入的值绑定到管道的参数，因此它看起来像这样：

{{element.name | bold:filter}

,， 其中

filter

是搜索的值

请注意，链接答案将在空筛选器值上返回undefined

---

堆栈溢出答案归因于

使用regexp在演示页面的右侧目录中单击筛选，并在跨度中动态切换。更多的努力比问答保证，从谷歌一样的“突出角度过滤器结果regexp”开始，并返回一个最小的例子：）感谢regex提示。