AngularJS Bootstrap

1.如果想要你的应用自动启动Angular的话,那就把ng-app放在应用的根节点中,通常情况下是<html>标签中,

<html ng-app>
<html ng-app id="ng-app">

自动初始化

Angular在以下两种情况下自动初始化:一个是DOMContentLoaded事件触发,或者在angular.js脚本被执行的同时如果document.readyState被置为'complete'。初始化时,Angular会去找ng-app这个指明应用开始所在的指令。如果ng-app指令被找到,Angular会做以下几件事:

加载ng-app指令所指定的模块

创建应用所需要的injector

以ng-app所在的节点为根节点,开始遍历并编译DOM树


手动初始化

如果想要在初始化阶段拥有更多的控制权,可以使用手动方法启动应用。需要手动启动的可能会是想要在应用中使用脚本加载器,或者想要在Angular编译页面之前执行一些别的操作。

<!doctype html>
<html xmlns:ng="http://angularjs.org">
  <body>
    Hello World!
    <script src="http://code.angularjs.org/angular.js"></script>
    <script>
       angular.element(document).ready(function() {
			angular.module('myApp', []);
			angular.bootstrap(document, ['myApp']);
	   })
    </script>
  </body>

提供了应用要加载的模块名作为angular.bootstrap函数的第二个参数。需要注意的是angular.bootstrap在将模块作为参数注入之前,必须创建任一自定义的模块。

Angular代码运行时遵循的顺序:

HTML页面以及所有的代码加载完毕后,Angular会去找到应用的根元素

调用angular.bootstrap去编译各元素成为一个可执行的且双向绑定的应用。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值