通常のユーザーの場合、AngularJSのNG-APPは、特定のDOM要素に手動で結合されます。ただし、一部のアプリケーションでは、これは不便なようです。
バインディング初期化
バインディングによるAngularの初期化はJSコードをHTMLに侵入しますが、初心者が使用するにはまだ十分です！
<html> <head> <Meta http-equiv = "content-type" content = "text/html; charset = utf-8"/> <script src = "http://apps.bdimg.com/libs/angular.js/1.2.16/angular.min.min.min.js ng-controller = "myctrl"> {{hello}} </div> <script type = "text/javascript"> var mymodule = angular.module（ "myApp"、[]）; mymodule.controller（ "myctrl"、function（$ scope）{$ scope.hello = "hello、angular！";}）; </script> </body> </html>ランニング後、こんにちは、Angularが表示されます！
手動の初期化
Angularは、手動で結合したAPI -Bootstrapも提供します。これは次のように使用されます。
angular.bootstrap（element、[modules]、[config]）;
最初のパラメーター要素：ng-appにバインドするDOM要素です。
モジュール：バウンドモジュール名
構成：追加の構成
コードを簡単に見る：
<html> <meta http-equiv = "content-type" content = "text/html; charset = utf-8"/> <script src = "http://apps.bdimg.com/libs/angular.js/1.2.16/angular.min.js ng-controller = "myctrl"> {{hello}} </div> <script type = "text/javascript"> var app = angular.module（ "bootstraptest"、[]）; app.Controller（ "myctrl"、function（$ scope）{$ scope.hello = "hello、angular from bootstrap";}）; // angular.bootstrap（document.getElementById（ "body"）、['bootstraptest']）; angular.bootstrap（document、['bootstraptest']）; </script> </body> </html>注目に値します：
Angular.bootstrapは、最初のロードされたオブジェクトのみにバインドされます。
その後の繰り返されるバインディングまたは他のオブジェクトは、コンソールにエラープロンプトを出力します。
上記は、Angularjs Bootstrapを整理する情報です。今後も関連情報を追加し続けます。このサイトへのご支援ありがとうございます！