用Angular过滤器突出显示搜索结果，隐藏不匹配的文本

Highlight search result with Angular filter and hide non matching text?

本文关键字：隐藏 不匹配 文本 搜索结果 显示 Angular 过滤器      更新时间：2023-09-26

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

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

我如何隐藏所有文本，除了突出显示的文本和两个或三个单词前后这一个?

只需用下面的代码更改部分:

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

应该可以。

相关文章：