angularjs - $sce.trustAsHtml 不起作用

Question

我正在从 REST api 获取帖子内容。 我得到的内容:“<p>测试帖子正文</p>”

首先，我正在解析纯文本

data[i].postBody = $sce.trustAsHtml(data[i].postBody);

在我这样做并尝试使用 ng-bind-html 显示之后

<span ng-bind-html="value.postBody"></span>

并继续显示为 html。

输出:

<p>test post body</p>

我无法显示没有 html 标签的文本

请帮帮我!

Answer 1

首先使用 htmlDecode 函数转义 HTML 实体

HTML:

<div ng-bind-html="value.postBody"></div>

JS:

angular.module('ngApp', ['ngSanitize'])
.controller('controller1', ['$scope','$sce', function($scope, $sce) {
    // Some Code ...
    ...
    ...
    function htmlDecode(input) {
        var e = document.createElement('div');
        e.innerHTML = input;
        return e.childNodes.length === 0 ? "" : e.childNodes[0].nodeValue;
    }
    data[i].postBody = $sce.trustAsHtml(htmlDecode(data[i].postBody));
    ...
    ...
    // Some Code ...
}]);

fiddle 链接:http://jsfiddle.net/3J25M/771/