Angular JS在标签中显示HTML

前端之家收集整理的这篇文章主要介绍了Angular JS在标签中显示HTML前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我试图使用ng-bind-html-unsafe属性在模板中插入HTML。但由于某种原因它不工作。

我的代码

<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>
Ok我找到了解决方案:

JS:

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

HTML:

<p ng-bind-html="renderHtml(value.button)"></p>
原文链接:https://www.f2er.com/angularjs/145444.html

猜你在找的Angularjs相关文章