概要
このセクションでは、AngularJS初期化のプロセスと、必要に応じてAngularJS初期化を変更する方法について説明します。
Angularjsの<script>タグ
この例は、「自動開始化」と呼ばれるAngularjsを統合する推奨方法を示しています。
コードコピーは次のとおりです。
<!doctype html>
<html xmlns:ng = "http://angularjs.org" ng-app>
<body>
...
<スクリプトsrc = "angular.js"> <script>
</body>
</html>
formatdate
1.ページの下部に上記のコードにスクリプトタグを配置します。 htmlの読み込みがangular.jsスクリプトの読み込みによってブロックされないため、スクリプトタグを下部に置くと、アプリケーションの読み込み時間が短くなります。 http://code.angularjs.orgから最新バージョンを入手できます。サイトのセキュリティリスクを公開するため、コードのこのURLを参照しないでください。それが単なる実験開発である場合、私たちのサイトにリンクするのに問題はありません。
1).Angular- [バージョン] .jsは、開発とデバッグに適した読み取り可能なバージョンです。
2).Angular- [バージョン] .min.jsは、成形製品の展開に適した圧縮および難読化バージョンです。
2。NG-APPディレクティブをアプリケーションのタグのルートノードに入れてください。 AngularJSが<HTML>プログラム全体を自動的に実行する必要がある場合は、<HTML>タグに入れます。
コードコピーは次のとおりです。
<html ng-app>
3.命令の古いバージョンの構文を使用する場合は、ng:、<html>でxml-namespaceを記述して、angularjsをIEの下で正常に動作させる必要があります。 (これはいくつかの歴史的な理由で行われており、NG:Syntaxの使用を継続することをお勧めしません。)
コードコピーは次のとおりです。
<html xmlns:ng = "http://angularjs.org">
自動初期化
AngularJSは、DomContentLoadedイベントがトリガーされたときに実行され、NG-APP指令を使用してアプリケーションルートスコープを見つけます。 NG-APP指令が見つかった場合、AngularJSは次のとおりです。
1。命令コンテンツに関連するモジュールをロードします。
2。アプリケーションの「インジェクター」を作成します。
3。NG-APPディレクティブタグは、DOMをコンパイルするルートノードです。これにより、AngularJSアプリケーションとしてDOMの一部のみを指定できます。
コードコピーは次のとおりです。
<!doctype html>
<html ng-app = "optionalModulename">
<body>
追加できます:{{1+2}}。
<スクリプトsrc = "angular.js"> </script>
</body>
</html>
手動の初期化
初期化プロセスを制御するためにイニシアチブを取得する必要がある場合は、ブートプログラムを手動で実行する方法を使用できます。たとえば、「スクリプトローダー」を使用する場合、またはAngularJSがページをコンパイルする前に操作を行う必要がある場合、使用します。
次の例は、Angularjsを手動で初期化する方法を示しています。その効果は、NG-APP指令の使用と同等です。
コードコピーは次のとおりです。
<!doctype html>
<html xmlns:ng = "http://angularjs.org">
<body>
こんにちは世界'}}!
<スクリプトsrc = "http://code.angularjs.org/angular.js"> </scrip>
<スクリプト>
angular.element(document).ready(function(){
angular.bootstrap(document);
});
</script>
</body>
</html>
コードが従わなければならない注文は次のとおりです。
1。ページとすべてのスクリプトがロードされたら、HTMLテンプレートのルートノード(通常はドキュメントのルートノード)を見つけます。
2。API/Angular.BootStrapを呼び出して、テンプレートを実行可能ファイルのデータバインディングアプリケーションにコンパイルします。