图一:正常关键词搜索步骤,无高亮显示
1图二:调用图三创建的私有方法searchList(),这个方法封装了高亮代码逻辑
2图三:高亮显示代码
3图四:修改base.js代码,因为之前的测试并没有高亮效果,只有字符串输出,所以要用$sce服务的trustAsHtml方法来实现转换
4图五:使用过滤器
ng-bind-html 指令用于显示 html 内容
竖线 |用于调用过滤器
5图六、七:高亮显示效果
6 7图一:正常关键词搜索步骤,无高亮显示
1图二:调用图三创建的私有方法searchList(),这个方法封装了高亮代码逻辑
2图三:高亮显示代码
3图四:修改base.js代码,因为之前的测试并没有高亮效果,只有字符串输出,所以要用$sce服务的trustAsHtml方法来实现转换
4图五:使用过滤器
ng-bind-html 指令用于显示 html 内容
竖线 |用于调用过滤器
5图六、七:高亮显示效果
6 7本文标题:搜索高亮显示
本文链接:https://www.haomeiwen.com/subject/solaaqtx.html
网友评论