tags saved in bd being printed as text

Question

Hello, I am printing a value saved in a mysql text field, which contains 'p' tags in its composition, the problem is that it is printing these tags as text and not as html, does anyone know what would be the problem? I’m using angular to print the bank values.

Answer 1

Use the directive ng-bind-html to display HTML content:

<span ng-bind-html="variavel"></span>

If the $sce service is enabled, you will need to mark the HTML content as reliable. In this case, implement a filter that will be attached to the pipeline:

var app = angular.module('sampleApp', []);

app
.filter('trustAs', function($sce) {
        return function (input, type) {
            if (typeof input === "string") {
                return $sce.trustAs(type || 'html', input);
            }
            return "";
        };
    })
.controller('SampleController', function ($scope) {
  $scope.variavel ='<b>teste</b> de HTML';
});

<script src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.9/angular.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.9/angular-resource.js"></script>
<div ng-app="sampleApp">

  <div ng-controller="SampleController">
    
    <span ng-bind-html="variavel | trustAs"></span>
    
  </div>
</div>

Sources:
ngBindHtml - Angularjs Directive Components
https://stackoverflow.com/questions/19415394/with-ng-bind-html-unsafe-removed-how-do-i-inject-html