AngularJS - 渲染包含在字符串中的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>'.

当我尝试将这些数据加载到我的Angular应用程序中时，它被呈现为文本（即<li>未解析）。我明白这可能是出于安全考虑，但有没有什么办法可以绕过这个问题？

- JVG

---

可能是使用AngularJS将HTML插入视图的重复问题。 - Ian Mercer

请查看：http://docs.angularjs.org/api/ng.$compile - Ivan Chernykh

我在这里找到了一个更完整的答案：链接 - gianlucabr

Answer 1

正如Damax在这里所说：https://dev59.com/iWox5IYBdhLWcg3wLhUA#11640420

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

- mnsr

---

ng-bind-html-unsafe自Angular 1.2版本起已被弃用。请参阅https://dev59.com/iWox5IYBdhLWcg3wLhUA。 - Cumulo Nimbus

Answer 2

ngBindHtml对我有用。在这里查看更多文档：https://docs.angularjs.org/api/ng/directive/ngBindHtml

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

- Andy