javascript - 角度变量生成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定位它们。谢谢你，丹尼尔！

score 6 · Accepted Answer

由于您使用的是 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>

score 2 · Accepted Answer

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

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

2 回答 2