搜索高亮显示

图一:正常关键词搜索步骤,无高亮显示

1

图二:调用图三创建的私有方法searchList(),这个方法封装了高亮代码逻辑

2

图三:高亮显示代码

3

图四:修改base.js代码,因为之前的测试并没有高亮效果,只有字符串输出,所以要用$sce服务的trustAsHtml方法来实现转换

4

图五:使用过滤器

ng-bind-html 指令用于显示 html 内容

竖线 |用于调用过滤器

5

图六、七:高亮显示效果

6
7

你可能感兴趣的:(搜索高亮显示)