Angularjs Ng-Bind-HTMLディレクティブ
AngularJSインスタンス
innentml内のinnentmlを可変mytextにバインドします。
<!doctype html> <html> <head> <meta charset = "utf-8"> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"> </script> <スクリプトsrc = "http://apps.bdimg.com/libs/angular.js/1.5.0-beta.0/Angular-sanitize.min.js"> </script> <body> <div-app = "myApp" ng-controller = "myctrl"> <p ng-bind-html = "> </</<> Angular.module( "myApp"、['ngsanitize']); app.Controller( "myctrl"、function($ scope){$ scope.mytext = "私の名前は:<h1> john doe </h1>";}); </script> <p> <b> HTML。 </p> </body> </html>実行結果:
私の名前は:
ジョン・ドー
注:このインスタンスには、HTMLから危険なコードを削除する「Angular-Sanitize.js」ファイルが含まれています。
定義と使用法
NG-Bind-HTMLディレクティブは、コンテンツをHTML要素にバインドする安全な方法です。
AngularJがアプリケーションにHTMLを記述したい場合は、危険なコードを検出する必要があります。 「Angular-Santize.js」モジュールをアプリケーションに導入することにより、NGSanitize関数を使用してコードのセキュリティを検出します。アプリケーションでは、NGSanitize関数を介してHTMLコードを実行することでそうすることができます。
文法
<要素ng-bind-html = "expression"> </element>
すべてのHTML要素はこの指令をサポートしています。
パラメーター値
| 価値 | 説明する |
|---|---|
| 表現 | 実行する変数または式を指定します。 |
上記は、Angularjs ng-bind-html命令の例の詳細な紹介です。それを必要とする友達はそれを参照できます。