如何通过计算一个角表达式来修改innerHTML

Question

我正在尝试这样做

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

项目。innerHTML包含需要放到那里的html，但由于它是dom的一部分，因此它被替换为字符串。是否有一种方法来取代它的innerHTML?

谢谢!

Answer 1

你需要使用ngBindHtml:

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

预览控制器

:

$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"]);