无法在 HTML 内容中绑定 <img> 标记。 Angular.js

Question

您好，我正在尝试将 HTML 字符串绑定到我的 div 中，它也包含标签。粗体字符串正常字符串显示没有任何问题，但我的标签以字符串形式出现。

我正在使用 ng-bind-html 和 ngSanitize

<div flex style="width:100%;height:100%;background-color:white" ng-bind-html="news_detail">

</div>

我的 HTML 内容是

<p>NBA'de sezon, Golden State Warriors'ın Cleveland Cavaliers'ı 4-0'la geçip şampiyon olmasıyla birlikte tamamlandı. Biz de her NBA takımının, geride bıraktığımız sezonda ne yaptığına dair ufak değerlendirmeler kaleme almaya karar verdik. Bugün, Atlantik Grubu'nu ele alacağız.</p><p>&lt;img src='http://i68.tinypic.com/2zoxmx3.jpg'/&gt;</p><p><strong>Toronto Raptors</strong></p>

就是这个样子

NBA'de sezon，金州勇士'ın 克利夫兰骑士'ı 4-0'la geçip şampiyon olmasıyla birlikte tamamlandı。 Biz de her NBA takımının, geride bıraktığımız sezonda ne yaptığına dair ufak değerlendirmeler kaleme almaya karar verdik。 Bugün, Atlantik Grubu'nu ele alacağız。

http://i68.tinypic.com/2zoxmx3.jpg'/>

多伦多猛龙队

如何显示 img 标签？

Answer 1

从数据库中提取的 HTML 字符串已转义了 img 标记，因此它们不会被视为 HTML。您需要将字符串更改为正确编写的 HTML，例如：

旧字符串：

<p>NBA'de sezon ...</p><p>&lt;img src='http://i68.tinypic.com/2zoxmx3.jpg'/&gt;</p><p><strong>Toronto Raptors</strong></p>

新字符串：

<p>NBA'de sezon, ...</p><p><img src='http://i68.tinypic.com/2zoxmx3.jpg'/></p><p><strong>Toronto Raptors</strong></p>