javascript - Angular 字符编码问题

Question

我正在尝试显示从可以 html 编码的数据库返回的值

怎么了!

在 ng-repeat 内部，我输出此值并将该值传递给函数进行处理，并使用“trustAsHtml”函数返回该值。

返回$sce.trustAsHtml(html);

当我第一次加载页面时，一切看起来都很棒。该值以 what's up! 的形式输出，但是，如果我向模型添加值，它们将作为编码版本输出，直到我重新加载页面。

对此有什么想法吗？我被难住了。

Answer 1

您可以使用 ngBindHtmlUnsafe

<div ng-app ng-controller="MyCtrl">
    <ul>
    <li ng-repeat=" opt in opts" ng-bind-html-unsafe="getContent(opt)" >
        {{ opt.value }}
    </li>
    </ul>

    <p>{{opt}}</p>
</div>

function MyCtrl($scope) {
    $scope.getContent = function(obj){
        return obj.value + " " + obj.text
    }
    $scope.opts = [
        {value: 111, text: '<b>1st</b>' },
        {value: 222, text: '<i>2nd</i>' }
    ];
}

jsfiddle