AngularJS, How to output HTML data from JSON if ngBind doesn't help?

Question

JavaScript

A JSON file like this comes from the server:

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

The data goes to the server from TinyMCE.
I tried outputting with ngBindand ngBindHtml, but it ended up outputting <p>Guide</p>.
Why are they lost style='color: #0000ff; padding: 30px;'?

Answer 1

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

Answer 2

To solve this problem, make a special you can create a special filter. At least this is my choice for solving this problem

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

Now in the code you can simply.
or
<span ng-bind-html="var | asHTML"></span>