Estoy creando una API usando angularjs para mostrar ciertos textos en la vista, me aparecen las marcas de HTML.
Esta es mi plantilla:
<div class="well well-lg">
<p class="lead">
{$ policy.politica $}
</p>
</div>
Y esto es lo que sale al visualizar la página:
... nos comprometemos a <mark>garantizar el ejercicio de blah blah blah</mark> al ofrecer un ...
Puesto que estoy usando Bootstrap v3, esperaría ver el texto con fondo coloreado o algo similar en lugar de las etiquetas <mark></mark>
. Entiendo que se debe el contenido debe escaparse, pero no sé como hacerlo en AngularJS.
Agradeceré su ayuda.
Nota: Se están usando los delimitadores
{$ $}
para el binding de Angular por conveniencia porque en servidor se tiene Django que usa{{ }}
$interpolateProvider
. Gracias por la aclaración.django
no es relevante en la pregunta. El comportamiento de AngularJS se modifica desde la propia aplicación de Angular.$sce.trustAsHtml
, de esta manera sería mas cómodo de usar. Saludos