javascript – 如何在角度v1.2中绑定html

前端之家收集整理的这篇文章主要介绍了javascript – 如何在角度v1.2中绑定html前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我试图在angularJS和post消息部分创建一个博客我希望从json获取消息并将其添加到这样的内容div
<div class="content">
    {{json.message}}
</div>

现在我的div中有一个段落,它实际上是一个像这样的HTML代码

<p>this is my message</p>

但是当我这样做时,我在屏幕上看到了这一点

<p>this is my message</p>

作为文字.我理解在以前的版本中我可以使用ng-bind-html-unsafe但我使用的是angularJS的v1.2.谁能告诉我类似于ng-bind-html-unsafe的代码,以便我可以在v1.2中完成这项工作?
谢谢你,丹尼尔!

解决方法

您可以在1.2中使用 Strict Contextual Escaping services($sce)

控制器:

function myCtrl($scope,$sce) {
    $scope.myHtml = $sce.trustAsHtml('<span>Hello World!</span>');
}

模板:

<div ng-app ng-controller="myCtrl">
    <div ng-bind-html="myHtml"></div>
</div>

示例:http://jsfiddle.net/TheSharpieOne/GKnrE/1/

原文链接:https://www.f2er.com/js/150085.html

猜你在找的JavaScript相关文章