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>未被解析）。我理解这可能是出于安全原因而发生的，但它有什么办法吗？

Answer 1

正如达马克斯在这里所说：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>

AngularJS - 呈现字符串中包含的HTML标记

2 个答案: