无法在 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赛季以金州勇士队4-0击败克利夫兰骑士队夺得总冠军而告终。所以我们决定写一篇关于每支 NBA 球队在上个赛季所做的小评论。今天，我们将报道大西洋赛区。

多伦多猛龙队[ =35=]

如何显示 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>

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

Can't bind <img> tag in HTML content. Angular.js

javascript

html

angularjs

ng-bind-html

ngsanitize