angularjs - ng-repeat 中的 HTML

Question

我有一个使用 ng-repeat 创建的列表

<li ng-repeat="item in items">{{item}}</li>

我所有的项目都是文本，除了一个假设是图像的项目。但是图像标签的 html 没有呈现，而是表示为所有文本项旁边的字符串。像这样的东西：

1. 文本
2. 文本
3. 文本
4. <img src="...">

有一些聪明的解决方案吗？谢谢

Answer 1

这需要是一个 ng-bind-html-unsafe：

<li ng-repeat="item in items" ng-bind-html-unsafe="item"></li>

这是从文档中修改朋友列表示例的示例：http: //jsfiddle.net/UFZdF/4/

（顺便说一句-正如“不安全”所表明的那样，您确实必须小心，您的项目不能被可能想要添加恶意链接、iframe、javascript 等的不受信任的方上传或修改。）