我搜索了“ium”。 3 行匹配并显示在搜索结果中。我现在如何在搜索结果中仅粗体显示“ium”,例如 iPhone 手机目录搜索。运行演示和代码是 here
最佳答案
一种解决方案是create a custom pipe并将其应用到每个模板表达式中的内容。
当然,您可以将您的 bold.pipe.ts
用 <strong></strong>
包装其传入的值而不是<mark></mark>
,这样您的过滤结果就会变成粗体而不是突出显示。
您必须将过滤后的输入值绑定(bind)到管道的参数,因此它看起来像这样:
<td>{{ element.name | bold: filter }}</td>
,
哪里filter
是搜索到的值。
请注意,链接的答案将在空过滤器值上返回未定义。
Stack Overflow 答案记入 Fahad Nisar
关于javascript - 如何在 Angular 2 Material 表的搜索结果中加粗搜索模式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52064510/