AngularJS ngのバインド-htmlの命令
AngularJS例
InnerHTMLのバインド<P>変数MYTEXT内:
<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"> </スクリプト>
<ボディ>
<DIV ngのアプリ= "て、myApp " NG-コントローラ= "myCtrl">
<PのNG-バインドのhtml = "MYTEXT"> </ P>
</ DIV>
<スクリプト>
VARアプリ= angular.module( "て、myApp"、[ 'ngSanitize']);
app.controller(「myCtrl」、関数($スコープ){
$ Scope.myText = "私の名前は次のとおりです。<H1>ジョン・ドウ</ H1>";
});
</スクリプト>
<SCRIPT SRC = "http://apps.bdimg.com/libs/angular.js/1.5.0-beta.0/angular-sanitize.min.js"> </スクリプト>
<ボディ>
<DIV ngのアプリ= "て、myApp " NG-コントローラ= "myCtrl">
<PのNG-バインドのhtml = "MYTEXT"> </ P>
</ DIV>
<スクリプト>
VARアプリ= angular.module( "て、myApp"、[ 'ngSanitize']);
app.controller(「myCtrl」、関数($スコープ){
$ Scope.myText = "私の名前は次のとおりです。<H1>ジョン・ドウ</ H1>";
});
</スクリプト>
»をお試しください
定義と使用法
NG-バインド-htmlの命令は、HTML要素にコンテンツをバインドする安全な方法を介して行われます。
AngularJS HTMLアプリケーションで書きたいときは、あなたが危険なコードを検出する必要があります。 アプリケーション内の「角度-santize.js」モジュールを導入することにより、セキュリティコードを検出するために、ngSanitize関数を使用します。 アプリケーションではngSanitize機能を通じてHTMLコードを実行することによってこれを行うことができます。
文法
<要素NG-バインドのhtml = "式"> </要素>
すべてのHTML要素は、命令をサポートしています。
パラメータ値
値 | 説明 |
---|---|
表現 | 変数または式を実行することを指定します。 |