html實體解碼角

Question

我試圖在Angular中解碼html實體，並且看到了一些Sanitize字符串的解決方案，但是我的數據庫中有很多JSON文檔需要清理。我怎樣才能做到這一點？現在我的html顯示完整

<h2>Badkamer</h2> 

包含標籤。

這是我的JSON文件

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

的一部分，這是我的角度控制器

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); 
    }); 
}; 
}]); 

這是我展示從MongoDB的

我的數據

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

Answer 1

你的頁面需要在HTML中包含angular-sanitize.js腳本，並在您的應用中包含ngSanitize模塊， 像：

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

，並使用ng-bind-htmldirective.，如：

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

看到這個demo plunker.