angular 绑定数据时添加HTML标签被识别的问题

 由于安全性，angular本身会对绑定的HTML标签属性进行转义，所以有些情况下我们需要用到绑定的数据里面传入html标签的时候，

需要用到一个服务:$sce

$sce 服务下面的一个 $sce.trustAsHtml() 会对绑定的内容已html方式设置为可信任，同时也要对使用的绑定数据的地方进行 ng-bind-html 绑定 不同于 ng-bind

当然如果需要使用 {{}} 表达式的数据绑定方式也可以使用自定义过滤器 filter 的形式：

filter：

app.filter('to_trusted', ['$sce', function ($sce) {
return function (text) {
    return $sce.trustAsHtml(text);
};

过滤器使用：

{{  data | to_trusted }}

或者

<p ng-bind-html="data | to_trusted"></p>

转载于:https://www.cnblogs.com/cench/p/5407120.html