显示从JSON对象检索的预格式化的html内容

Question

我在JSON文件中预先格式化了HTML内容

<p>This is <b>a formatted</b> <i>content</i></p>

如下：

{
 "description" : "<p>This is <b>a formatted</b> <i>content</i></p>"  
}

我检索了这个内容，我希望将其显示为格式化（带有粗体和斜体内容的段落）。但是，它显示的是相同的。

我尝试使用$(this).html()使用jquery，我尝试使用<和>代替<和>，但没有任何效果！

以下是关于plnkr的示例：

http://plnkr.co/edit/S1U9TdsMOj4XFUQkbz1X?p=preview

Answer 1

基本上你需要做一些事情才能使它发挥作用：

HERE是代码的分叉工作副本

1. 您需要参考angular-sanitize.js和angular.module('myApp', ['ngSanitize']);

2. 添加使用$sce的其他过滤器trustHtml

3. 在ng-html-bind模板中使用news.html并应用此类过滤器 - <h2 ng-bind-html="news.description | trustHtml"></h2>