htmlエンティティデコード角度

Question

Angularでhtmlエンティティをデコードしようとしていて、Sanitizeでいくつかの文字列のソリューションを見たことがありますが、私のデータベースにJSON文書がたくさんあります。これどうやってするの？今すぐ私のHTMLは完全な

<h2>Badkamer</h2> 

を含んでいます。

これはこれはこれは私がMongoDBの

から自分のデータを表示するページ

<div class="align-content-inner"> 
    <div> 
     {{special.badkamer.content}} 
    </div> 
</div> 

Answer 1

あなたは私の角度コントローラ

app.controller('DataCtrl', ['$sce', function($scope,$http,$sce){ 
    $scope.specials = function(){ 
    $scope.special = []; 

$http.get('/specialdata').then(function(d){ 
    $scope.special = d.data[0]; 
    console.log(d.data); 
    },function(err){ 
    console.log(err); 
    }); 
}; 
}]); 

である私のJSONドキュメント

{ 
"badkamer" : { 
    "content" : "<h2>Badkamer</h2>" 
        <p>text</p> 
    } 
} 

の一部です。 HTMLにangular-sanitize.jsスクリプトを、アプリにngSanitizeモジュールを含める必要があります。 のように：。

var app = angular.module('myApp', ['ngSanitize']); 

とng-bind-htmldirective.を使用して、のような：

<div ng-bind-html="special.badkamer.content"></div> 

このdemo plunker.