角变量生成html

Question

我正在尝试使用angularJS创建一个博客页面，在消息部分我有一个像这样的div。

<div class="post-content">
    {{jsonPost.message}}
</div>

并且在变量jsonPost.message中我得到了一个像这样的字符串

<p>paragraph 1</p>
<p>paragraph 2</p>

但改为创建2个html段落，而是在屏幕上看到<p>文本以及文本。有没有办法让他们成为HTML代码？而不是通过CSS定位他们。 谢谢你，丹尼尔！

Answer 1

由于您使用的是v1.2，因此需要使用ng-bind-html。要绕过清理，请使用$sce服务：

$scope.jsonPost.message = $sce.trustAsHtml("<p>paragraph 1</p>");

HTML：

<!-- bypasses sanitizaton -->
<div data-ng-bind-html="jsonPost.message"></div>

Answer 2

您可以使用ng-bind-html-unsafe：

<div class="post-content" ng-bind-html-unsafe="jsonPost.message"></div>