AngularJS - Rendering di tag HTML contenuti in una stringa

Question

Il mio database memorizza le informazioni sul prodotto e molte di queste sono organizzate in elenchi. Carico i dati in Angolare come $scope.post.

Per esempio,

$scope.post.size_description = '<li> Fits true to size. Take your normal size\r</li> 
    <li> Slim-cut, mid-rise style</li> 
    <li> Long in length, alter to fit</li> 
    <li> Model wears an IT 48\r</li> 
    <li> Model measures: waist size 32, height 6\'1"/ 185cm\r</li>'. 

Quando provo a caricare questi dati in mio app angolare, esso viene visualizzato come testo (vale a dire la <li> non vengono analizzati). Capisco che ciò accada probabilmente per motivi di sicurezza, ma esiste un modo per aggirarlo?

Answer 1

Come Damax ha detto qui: https://stackoverflow.com/a/11640420/769083

<div ng-bind-html-unsafe="post.size_description"></div> 

Answer 2

ngBindHtml ha lavorato per me. Scopri di più sulla documentazione qui: https://docs.angularjs.org/api/ng/directive/ngBindHtml

<div ng-bind-html="post.size_description"></div>