AngularJS执行过程的详细说明

一.开办阶段

当浏览器解析HTML页面并读取Angular.js的脚本标签时，会停止解析其后面的DOM节点，开始执行Angular.js，同时Angular会设置一个事件监听器来监听DOMContentLoaded事件。当angular监听此事件时，angular开始。

二.初始阶段

当Angular启动时，它会寻找ng-app指令，初始化一系列必要的组件(即$injector、$compile service和$rootScope)，然后继续解析DOM。

三.编译和链接阶段

1.Angular使用$compile服务，通过遍历DOM树找到带有指令的DOM元素，然后根据这些找到的指令的优先级进行排序。

2.然后使用$injector服务来查找和收集每个指令下的编译函数并执行它。

3.每个节点的编译方法运行后，$compile服务将调用link函数。此链接功能设置对绑定到封闭范围的指令的监控。这种行为会创建实时视图。

4.完成以上所有操作后，Angular启动。

四.操作阶段

Angular提供了自己的事件周期。指令本身注册了一个事件监听器，因此当事件被触发时，指令函数在AngularJS的$digest循环中运行。$digest循环将等待$watch表达式列表。当检测到型号变化时，它将调用$watch函数，然后再次检查$watch列表以确保没有型号变化。一旦$digest循环稳定下来并检测到没有潜在的变化，执行过程就离开Angular上下文，通常返回到浏览器。

以上就是本文的全部内容。希望本文的内容能给大家的学习或工作带来一些帮助，也希望多多支持我们！