angularjs - ng-bind-html に何も表示されないのはなぜですか?

Question

HTMLコードを含む文字列を表示しています:

<div style="font-size: 14px" ng-bind="currentBook.description"></div>

要素を解釈する代わりに、HTML コードを表示します。

と を使用するng-bindとng-bind-unsafe、何も表示されません。

HTML を解析するにはどうすればよいですか?

補遺

サニタイズへの参照を追加しましたがng-bind、ng-bind-unsafeまだ何も表示されません:

<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular-route.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.8/angular-sanitize.js"></script>

わかりました、ngSanitize を追加したところ、var app = angular.module('app', ['ngSanitize']);動作するようになりました。

Answer 1

適用する

    $scope.$apply(function () {
            $scope.currentBook.description = $sce.trustAsHtml(html);
        });