Angularjs ng-appディレクティブ
AngularJSインスタンス
ボディ要素をAngularJSアプリケーションのルート要素と呼びます。
<!Doctype html> <HTML> <head> <meta charset = "utf-8"> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"> </scrip> </head> }} </p> </body> </html>
実行結果:
私の最初の表現:10
定義と使用法
NG-APP指令は、AngularJSにルート要素として現在の要素を適用するよう指示するために使用されます。
すべてのAngularJSアプリケーションには、ルート要素が必要です。
HTMLドキュメントでは、1つのNG-APP指令のみが許可されています。複数のng-appディレクティブがある場合、最初のディレクティブのみが使用されます。
文法
<要素ng-app = "modulename"> ... ng-appルート要素のコンテンツには、angularjsコード... </element>
すべてのHTML要素はこの指令をサポートしています。
パラメーター値
| 価値 | 説明する |
|---|---|
| モジュール名 | オプション。ロードされたアプリケーションモジュールの名前を指定します。 |
AngularJSインスタンス
アプリケーションでモジュールを実行します
<!doctype html> <html> <head> <meta charset = "utf-8"> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"> </scrip> </head> ng-controller = "myctrl"> {{firstName + "" + lastName}} </div> <script> var app = angular.module( "myApp"、[]); app.controller( "myctrl"、function($ scope){$ scope.firstname = "; $ scope =" "doe";}); </script> </body> </html>ランニング効果:
ジョン・ドー
上記は、Angularjs ng-appディレクティブを整理する情報であり、後で追加されます。