Угловой JS показывает HTML в теге

Question

Я пытаюсь вставить HTML внутри шаблона, используя атрибут ng-bind-html-unsafe. Но по какой-то причине он не работает.

Мой код:

<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> 

Я не в состоянии увидеть HTML. Если изменить ng-bind-html-unsafe="value.button" на ng-bind-html-unsafe="{{value.button}}" то это показывает HTML, но в пределах атрибута, что-то вроде этого:

<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> 

Answer 1

Ok Я нашел решение для этого:

JS:

$scope.renderHtml = function(html_code) 
{ 
    return $sce.trustAsHtml(html_code); 
}; 

HTML:

<p ng-bind-html="renderHtml(value.button)"></p> 

Answer 2

сделать фильтр следующим образом

.filter('trusted', 
    function($sce) { 
    return function(ss) { 
     return $sce.trustAsHtml(ss) 
    }; 
    } 
) 

и применять это в качестве фильтра к нг-связывать-HTML, как

<div ng-bind-html="code | trusted">