web-dev-qa-db-ja.com

AngularJS-文字列に含まれるHTMLタグをレンダリングする

私のデータベースには製品情報が保存されており、その多くはリストにまとめられています。データをAngular as $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>'.

このデータをAngularアプリにロードしようとすると、テキストとしてレンダリングされます（つまり、<li>は解析されません）。これはおそらくセキュリティ上の理由で発生することを理解していますが、それを回避する方法はありますか？

javascripthtmlangularjsescaping
17
JVG

Damaxがここで言ったように： https://stackoverflow.com/a/11640420/76908

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

ngBindHtmlは私のために働いた。こちらのドキュメントで詳細をご覧ください： https://docs.angularjs.org/api/ng/directive/ngBindHtml

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