AngularJS - Render HTML-теги, которые содержатся в строке

Question

В моей базе данных хранится информация о продукте, и многие из них организованы в списки. Я загружаю данные в Angular как $scope.post.

Например,

$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>'. 

При попытке загрузить эти данные в мое угловое приложение, оно визуализируется в виде текста (т.е. <li> не разбирается). Я понимаю, что это, вероятно, происходит по соображениям безопасности, но есть ли какие-либо пути вокруг него?

Answer 1

Как Damax сказал здесь: https://stackoverflow.com/a/11640420/769083

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

Answer 2

ngBindHtml работал для меня. Подробнее в документации здесь: https://docs.angularjs.org/api/ng/directive/ngBindHtml

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