当前位置: 首页 > 工具软件 > ngx-bootstrap > 使用案例 >

AngularJS Bootstrap

闽鸿宝
2023-12-01

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去编译各元素成为一个可执行的且双向绑定的应用。

 类似资料:

相关阅读

相关文章

相关问答