AngularJS初始化過程分析(引導程式)_AngularJS

概覽

這一節解釋了AngularJS初始化的過程，以及需要的時候你該如何修改AngularJS的初始化。

AngularJS的 <script> 標籤</script>

這個範例展示了我們推薦的整合AngularJS的方法，它被稱之為「自動初始化」。

複製程式碼 程式碼如下:

   
        ...
   
   

手動初始化

如果你需要主動控制初始化的過程，你可以使用手動執行引導程式的方法。例如當你使用“腳本載入器(script loader)”，或是需要在AngularJS編譯頁面之前做一些操作，你就會用到它了。

下面的範例示範了手動初始化AngularJS的方法。它的效果等同於使用ng-app指令 。

複製程式碼 程式碼如下:

   
        Hello {{'World'}}!
       
        <script><br />             angular.element(document).ready(function() {<br />             angular.bootstrap(document);<br />             });<br />         </script>
   

以下是一些你的程式碼必須遵守的順序：

1.等頁面和所有的腳本載入完畢後，找到HTML範本的根節點－通常就是文件的根節點。
2.呼叫 api/angular.bootstrap將模板編譯成可執行的、資料雙向綁定的應用程式。