AngularJS ngのアプリディレクティブ
AngularJS例
body要素をルート要素AngularJSアプリケーションと呼ばれてみましょう:
<ボディngのアプリ= "" >
<P>私の最初の式:{{5 + 5}} </ P>
</ BODY>
<P>私の最初の式:{{5 + 5}} </ P>
</ BODY>
»をお試しください
定義と使用法
NG-アプリディレクティブは、この要素の現在のAngularJSアプリケーションはルート要素で伝えるために使用されます。
すべてのAngularJSアプリケーションは、ルート要素でなければなりません。
HTML文書は、一つだけできますng-app
複数ある場合は、ディレクティブをng-app
ディレクティブは、最初のものだけが使用されます。
文法
<要素ngのアプリ= "モジュール名 ">
...
ルート要素でNG-アプリのコンテンツはAngularJSコードを含んでいてもよいです
...
</要素>
...
ルート要素でNG-アプリのコンテンツはAngularJSコードを含んでいてもよいです
...
</要素>
すべてのHTML要素は、命令をサポートしています。
パラメータ値
値 | 説明 |
---|---|
モジュール名 | オプション。 アプリケーションのロード・モジュールの名前を指定します。 |
AngularJS例
アプリケーションモジュールの実行
<DIV ngのアプリ= "て、myApp " NG-コントローラ= "myCtrl">
{{姓+ "" + lastNameの }}
</ DIV>
<スクリプト>
<スクリプト>
VARアプリ= angular.module( "て、myApp」 、[]);
app.controller(「myCtrl」、関数( $スコープ){
$ scope.firstName = "ジョン"。
$ scope.lastName = "ドウ";
});
app.controller(「myCtrl」、関数( $スコープ){
$ scope.firstName = "ジョン"。
$ scope.lastName = "ドウ";
});
</スクリプト>
»をお試しください