一尘不染

如何通过评估角度表达式来修改innerHTML

angularjs

我正在尝试做这样的事情

<div id="{{item.id}}" ng-repeat="item in itemList">
    {{item.innerHTML}}
</div>

item.innerHTML包含需要去那里的html,但是由于它是dom的一部分,因此将其替换为字符串。有没有一种方法可以替换掉innerHTML?

谢谢!


阅读 214

收藏
2020-07-04

共1个答案

一尘不染

您需要使用ngBindHtml:

http://plnkr.co/edit/n1rLzgEZQoa2tJf0qnVZ?p=preview

在控制器中:

$scope.content = "<b>this is bold content</b>";

html:

<div ng-bind-html="content"></div>

您将需要以下模块:

http://code.angularjs.org/1.0.3/angular-
sanitize.js

确保将ngSanitize声明为模块依赖项,例如:

var app = angular.module('angularjs-starter', ["ngSanitize"]);
2020-07-04