Невозможно связать тег <img> в содержимом 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>

Это показывает, как это точно

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.

Торонто Рэпторс

Как я могу показать теги 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>