AngularJS, Как выводить HTML-данные из JSON, если ngBind не помогает?

Question

[Павел Федотов]

С сервера приходит такого рода JSON-файл:

{
  "text": "<p style='color: #0000ff; padding: 30px;'>Guide</p>", 
  "name": "Post" 
}

На сервер данные идут из TinyMCE.
Пробовал выводить с помощью ngBind и ngBindHtml, но в итоге выводиться <p>Guide</p>.
Почему теряются style='color: #0000ff; padding: 30px;'?

Answer 1

[Сергей Протько]

https://docs.angularjs.org/api/ngSanitize/service/...

Answer 2

[Sergey Romanov]

Для решения этой проблемы сделайте специальный можно создать специальный фильтр. По крайней мере это мой выбор решения этой задачи

.filter('asHTML', function($sce) {
	return function(input) {
		return $sce.trustAsHtml(input);
	};
})

Теперь в коде можно прсто.

{{var | asHTML}}

или

<span ng-bind-html="var | asHTML"></span>

Comments

[Денис Каримов]

Не работает в новых версиях хоть убей.