搜索高亮显示
2019-05-17 本文已影响0人
alpacino_1010
图一：正常关键词搜索步骤，无高亮显示
1
图二：调用图三创建的私有方法searchList()，这个方法封装了高亮代码逻辑
2
图三：高亮显示代码
3
图四：修改base.js代码，因为之前的测试并没有高亮效果，只有字符串输出，所以要用$sce服务的trustAsHtml方法来实现转换
4
图五：使用过滤器
ng-bind-html 指令用于显示 html 内容
竖线 |用于调用过滤器
5
图六、七：高亮显示效果
6
7
