保存されたデータをhtml形式でフォーマットする方法

私は以下のようなデータを持っています。私はテンプレートのフォーマットに従ってデータを表示したいと思います。私のデータ、残念ながらそれは私の見解では反映していない保存されたデータをhtml形式でフォーマットする方法

[ 

{ 
    "_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として示されている
は私view.Can誰が助けるme.Thanksに
ASD
sadsadasdasdsadsadsadをdlsldsad 。

出典

2017-01-17 MMR

葉を解析するためにフィルタを使用し、NG-バインドhtmlの必要があります。.. –

それは次の行に表示されるはずです。 – MMR

私は忘れてしまいましたが、ng-bind-htmlを私の見解に入れましたが、更新しようとするとゲーテッドではありません – MMR

を trustフィルタを作成

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

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

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

あなたはそのためには、BRが行うことになっているものであるHTMLコンテンツ

出典

2017-01-17 06:42:59

あなたの答えをありがとう。 – MMR

どこが間違っていたのですか –

データバインドhtmlを保存するのを忘れました – MMR

この

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

チェックアウトのようなこの

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

とバインド値のようにあなたは私のplunkrで見ることができ、私の作業fiddle

出典

2017-01-17 06:36:26

保存されたデータをhtml形式でフォーマットする方法

答えて

関連する問題