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

时间:2018-06-11 18:40:55

标签: javascript html angularjs ng-bind-html ngsanitize

您好我正在尝试将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,GoldenStateWarriors'ınClevelandCavaliers'ı4-0'lageçipşampiyonolmasıylabirliktetamamlandı。商业de她的NBAtakımının,geridebıraktığımızsezondaneyaptığınadairufakdeğerlendirmelerkalemealmaya karar verdik。 Bugün,Atlantik Grubu'nuelealacağız。

&lt; img src ='http://i68.tinypic.com/2zoxmx3.jpg'/&gt;

多伦多猛龙

如何显示img标签?

1 个答案:

答案 0 :(得分:0)

从您的数据库中提取的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>