angular输出html

 

在用angular作为前端搭建APP的时候，发现用angularJs输出html的时候，浏览器并不解析这些html标签，不知道angularjs如何实现这种功能的。

但是这里我们需要其显示angular输出的html能被浏览器解析怎么办呢？

通过api，发现通过指令 ng-bind-html来实现html的输出。

 

需要通过通过$sce服务来实现html的展示。

JS

myapp.filter('trustHtml', function ($sce) {

　　return function (input) {

　　return $sce.trustAsHtml(input);

　　}

})

HTML模板中：

<div class="col-md-12 ng-binding" ng-bind-html="item.content|trustHtml">  

 

循环中 同样适用