如何在html中格式化存储的数据答案

【问题标题】：How to format stored data in html如何在html中格式化存储的数据
【发布时间】：2017-01-17 14:42:59
【问题描述】：

我有一个像下面这样的数据，我想根据我的模板中的格式显示数据。我的数据，

[ 

{
    "_id" : ObjectId("587daf9604a192098ac39fe1"),
    "uuid" : "3a06d55e-b2b0-4e24-9c17-fdf96a3827e6",
    "active" : true,
    "created" : ISODate("2017-01-17T05:45:58.919Z"),
    "description" : "khsjq<br />wsjqwsqw<br />wwsnqwksqwsws"
}, 
{
    "_id" : ObjectId("587db2f404a192098ac39fe3"),
    "uuid" : "454a1ff2-d64d-48d6-bb01-b3bc814aca01",
    "active" : true,
    "created" : ISODate("2017-01-17T06:00:20.439Z"),
    "description" : "iifdjasda<br />dlsldsad<br />asd<br />sadsadasdasdsadsadsad"
}]

我的 js

   $.each(vm.courseObj.course_module, function (i, v) {
          v.description = $sce.trustAsHtml(v.description);
          vm.courseModulearr.push(v);
      });

不幸的是它没有反映在我的观点中，它显示为 iifdjasda
dlsldsad
asd
sadsadasdasdsadsadsad 在我看来。谁能帮助我。谢谢。

【问题讨论】：

是的，这就是 br 应该做的..
它应该显示在下一行。
我得到了，但将 ng-bind-html 放在我的视图中，但是当我尝试更新它时却没有显示
我已经发布了我的 plunkr...看看它

标签： javascript html angularjs

【解决方案1】：

你可以看看我的 plunkr..

https://plnkr.co/edit/EVPDSFAUyr55jDDlVOVV?p=preview

  app.filter("unsafe",function($sce){

        return function(val){
          return $sce.trustAsHtml(val);
        }
      })

你应该使用过滤器和 ng-bind-html 来解析 html 内容

【讨论】：

感谢您的回答。
我忘了保留 data-bind-html
你能帮忙回答另一个问题吗？
它的 abt jqx-grid 分页 stackoverflow.com/questions/41691515/…

【解决方案2】：

像这样创建trust 过滤器

.filter('trust', [
    '$sce',
    function($sce) {
      return function(value, type) {
        return $sce.trustAs(type || 'html', value);
      }
    }
  ]);

并像这样绑定值

<div ng-bind-html="htmlData | trust"></div>

查看我的工作fiddle

【讨论】：