AngularJS(十五) 解析html的过滤器

定义过滤器、解析高亮查询为html

//页面查询结果
'red' >华为 HuaWei p20 Pro 64G 蓝色 联通4G手机 

1.配置过滤器

    // 定义模块:var app = angular.module("pinyougou",[]);//$sce 服务写成过滤器app.filter('trustHtml',['$sce',function($sce){return function(data){return $sce.trustAsHtml(data);}}]);

2.页面调用过滤器

//ng-bind-html="item.title | trustHtml" 调用过滤器<div class="attr" ng-bind-html="item.title | trustHtml">div>

查询效果：华为 HuaWei p20 Pro 64G 蓝色 联通4G手机

原代码，不加过滤器

//这样高亮不能被解析,会显示为
<div class="attr" >{{item.title }}div>

这样高亮不能被解析,会显示为

<font color = 'red' >华为font> HuaWei p20 Pro 64G 蓝色 联通4G手机 

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！