Не удается привязать тег ‹img› к содержимому HTML. Angular.js

Здравствуйте, я пытаюсь привязать строку 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 src='http://i68.tinypic.com/2zoxmx3.jpg'/ ›

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

Как я могу показать теги img?


javascript html angularjs ng-bind-html ngsanitize
person Suat Karabacak    schedule 11.06.2018    source источник
comment
это реальный код? или выход? <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>   -  person Cârnăciov    schedule 11.06.2018
comment
@aron9forever это настоящий HTML-контент, который я хочу показать в своем div, хранящемся в базе данных в виде строки.   -  person Suat Karabacak    schedule 11.06.2018
comment
&lt;img src='http://i68.tinypic.com/2zoxmx3.jpg'/&gt; тогда должно быть <img src='http://i68.tinypic.com/2zoxmx3.jpg'/>   -  person Cârnăciov    schedule 11.06.2018
comment
вы пробовали [innerHTML] или канал safeHTML? проверьте это: stackoverflow.com /вопросы/34585453/   -  person Eray T    schedule 11.06.2018
comment
@aron9forever, это помогло   -  person Suat Karabacak    schedule 18.06.2018

Ответы (1)


arrow_upward
0
arrow_downward

Ваша строка 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>
person mpallansch    schedule 11.06.2018
comment
$scope.replaced_content = $scope.news.text_content.replace(//g, '‹');$scope.replaced_content = $scope.replaced_content.replace(/\//g, '›'); работал просто отлично - person Suat Karabacak; 18.06.2018