コントローラーから AngularJS ビューに HTML を安全に挿入するにはどうすればよいですか?

AngularJS コントローラーからビューへの HTML の挿入

AngularJS コントローラーで作成された HTML フラグメントをビューに挿入することは、Angular のセキュリティ対策により困難な場合があります。これにより、HTML の直接レンダリングが妨げられます。これを解決するには、HTML で ng-bind-html を使用します。

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

これにより、ngSanitize または $sce を使用して解決できるセキュリティ エラーが表示されます。

$sce を使用する:

コントローラーで、次を使用して HTML 文字列を変換します。 $sce.trustAsHtml():

$scope.thisCanBeusedInsideNgBindHtml = $sce.trustAsHtml(someHtmlVar);

ngSanitize の使用:

1. angular-sanitize.min.js を含めますリソース:

<script src="lib/angular/angular-sanitize.min.js"></script>

2. アプリ モジュール (通常は app.js) に ngSanitize を含めます:

angular.module('myApp', ['myApp.filters', 'myApp.services', 'myApp.directives', 'ngSanitize'])

以上がコントローラーから AngularJS ビューに HTML を安全に挿入するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。