使用角度过滤器突出显示搜索结果并隐藏不匹配的文本？

Question

我发现这个例子用于使用Angular过滤器突出显示搜索结果，问题是当你搜索“suit”时，它会突出显示单词suit，但所有不匹配的文本仍然存在。

http://demo.codeforgeek.com/highlight-angular/

如何隐藏除突出显示的文本之外的所有文字以及此之前和之后的两三个单词？

Answer 1

只需使用以下代码更改＆lt; style＆gt; 部分：

<style>
  .highlighted { color:#000; background: yellow }
  div.container ul div { color:#fff }
</style>

这应该可以解决问题。