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

Question

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

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

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

Answer 1

与下面的代码只是改变<风格>部分：

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

这应该做的伎俩。