Как визуализировать текст в HTML в AngularJS

Question

У меня есть переменная в области с некоторым содержимым HTML. Я хочу отобразить его как HTML на веб-странице, но в моем случае он отображается как полный текст. Может кто-нибудь мне помочь?

Это мой код: -

//contoller.js

$scope.message = '<b><i>result has been saved successfully.</i></b>'; 

//demo.html

<p ng-bind="message"></p> 

Answer 1

Вы должны вводить $ ScE услугу в ваш controller или Directive и т.д., и использовать $sce service вроде этого: -

$scope.Message = $sce.trustAsHtml("<b><i>result has been saved successfully.</i></b>"); 

И связывают это в HTML-страницы например;

<p ng-bind-html = "Message"></p> 

Answer 2

Вы должны обеспечить свое содержание с $ sce, а затем используйте

нг-связывать-HTML директива

документы здесь:

https://docs.angularjs.org/api/ng/directive/ngBindHtml

редактировать

вы можете найти использование sce.trustAsHtml здесь:

https://docs.angularjs.org/api/ng/service/ $ SCE # trustAsHtml

Answer 3

<p ng-bind-html="message"></p>