escape - Angular JS muestra HTML dentro de la etiqueta
ng-bind-html angular 6 (2)
Ok encontré solución para esto:
JS:
$scope.renderHtml = function(html_code)
{
return $sce.trustAsHtml(html_code);
};
HTML:
<p ng-bind-html="renderHtml(value.button)"></p>
Estoy tratando de insertar HTML dentro de la plantilla usando el atributo ng-bind-html-unsafe
. Pero por alguna razón no funciona.
Mi código:
<tr class="white two-button" ng-repeat="(key,value) in recommendations | ojoScoreFilter:ojoScore | relevancyScoreFilter:relevancyScore | orderBy:predicate:reverse">
<td>
<div ng-bind-html-unsafe="value.button"></div>
</td>
</tr>
No puedo ver el HTML. Si cambio ng-bind-html-unsafe="value.button"
a ng-bind-html-unsafe="{{value.button}}"
entonces muestra HTML pero dentro del atributo, algo como esto:
<div ng-bind-html-unsafe="<a class="action_hrefs full-width bgcolor10 purple-hover flat-button flat-white-button btn" data-value="947" href="#"><i class="fa fa-lock"></i> Unlock</a>"></div>
hacer un filtro como este
.filter(''trusted'',
function($sce) {
return function(ss) {
return $sce.trustAsHtml(ss)
};
}
)
y aplique esto como un filtro al ng-bind-html como
<div ng-bind-html="code | trusted">