无法绑定HTML内容中的标记。 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>

它显示的确如此

当金州勇士队以4比0战胜克利夫兰骑士队并成为冠军时，NBA的赛季就完成了。我们决定写下一些关于每个NBA球队在过去一个赛季所做的事情的小评估。今天，我们将迎来大西洋集团。

<img src ='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>