escape html angularjs ng-bind-html

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="&lt;a class=&quot;action_hrefs full-width bgcolor10 purple-hover flat-button flat-white-button btn&quot; data-value=&quot;947&quot; href=&quot;#&quot;&gt;&lt;i class=&quot;fa fa-lock&quot;&gt;&lt;/i&gt;&nbsp;Unlock&lt;/a&gt;"></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">