角变量生成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>