angularjs - angular式を評価してinnerHTMLを変更する方法

Question

私はこのようなことをしようとしています

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

item.innerHTML には、そこに移動する必要がある html が含まれていますが、これは dom の一部であるため、文字列として置き換えられます。innerHTML を置き換えるだけの方法はありますか?

ありがとう！

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