文章/答案/技术大牛

发布

问角度变量生成html
EN

Stack Overflow用户

提问于 2013-09-13 02:30:37

回答 2查看 6.9K关注 0票数 3

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

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

在变量jsonPost.message中，我得到了一个如下所示的字符串

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

而不是创建两个html段落，相反，我在屏幕上看到的<p>文本也像文本一样。有没有办法让它们变成html代码？然后通过css瞄准他们。谢谢你，丹尼尔！

发布于 2013-09-13 13:32:48

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

票数 6

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/18771822

复制

相似问题

问角度变量生成htmlEN