首页 > 代码库 > AngularJS -- Bootstrap(启动器)

AngularJS -- Bootstrap(启动器)

Bootstrap(初始化)

这章介绍了Angular的初始化过程,以及如何在必要的时候,手动进行初始化Angular。

 

 

  1. Angular <script> 标签

  2. 什么都不说,先来个例子。 这个例子展示了Angular推荐的如何继承Angular和自动初始化Angular。
<!doctype html><html xmlns:ng="http://angularjs.org" ng-app>  <body>    ...    <script src="angular.js">  </body></html>

1. 我们应该讲Script标签放在页面底部。这样可以改善应用程序的加载时间。 你可以从http://code.angularjs.org去获得最新的版本。

2. ng-app指示了你的Angular应用程序的根。如果你希望你的整个页面都是Angular应用程序,那么你可以把它放到<html>标签上。

3.如果你选择比较旧式的指令语法,例如:为了兼容IE低版本,你在html标签中使用命名空间(这个是个历史原因,我们是不推荐你使用命名空间的)。

 

 

自动初始化

如果引用了angular.js脚本,而且document.readyState为“complete”状态,那么AngularJS会在DOMContentLoaded事件中自动初始化。此时,Angular会先去查找 ng-app指令作为你的应用程序的根。如果Angular发现了 ng-app指令,那么它将:

1. 加载与这个指令相关的模块。

AngularJS -- Bootstrap(启动器)