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

Question

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

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

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

Answer 1

只需使用以下代码更改 <style> 部分:

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

这应该可以解决问题。