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