html entités décoder angulaire

Question

J'essaie de décoder des entités html en Angular, et vu quelques solutions pour certaines chaînes avec Sanitize, mais j'ai beaucoup de documents JSON dans ma base de données avec que j'ai besoin d'assainir. Comment puis-je faire ceci? En ce moment mon html montre le plein

<h2>Badkamer</h2> 

y compris les étiquettes.

Ceci est une partie de mon document JSON

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

Ceci est mon contrôleur angulaire

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

Ceci est la page où je montre mes données de MongoDB

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

Answer 1

Vous besoin d'inclure angular-sanitize.js script en HTML, et ngSanitize module sur votre application.,Comme:

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

et utiliser ng-bind-htmldirective., comme:.

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

Voir cette demo plunker.