angularJs指令执行的机制==大概的三个阶段

第一阶段:加载阶段

angularJs要运行的话,需要去等待angular.js加载完成,加载完之后呢,angular就会去查找到ng-app这个指令,ng-app在每个应用里面只能出现一次,

它也就相当于我们的main方法,angularjs找到了ng-app之后,就确定了我们应用的边界在哪里。

所谓的边界,就是angularjs知道自己要管理哪一块的内容。

这样的话,angularjs才可以去启动起来,加载完成之后,就进入了第二阶段

 

第二阶段:编译阶段

这个阶段,angular.js会做很多的事情

第一步:首先它会去遍历dom,把整个dom结构中的所有的指令全部查找出来,然后缓存到内部的缓存里面去

第二步:会根据指令代码中的template,replace,transclue等对dom结构进行一些变换,

           这时候,如果代码中存在compile函数,angluarjs也会去调用这个函数,如下是自定义的compile

          不过一般我们在自定义指令的时候,是不会去自定义compile函数的,因为在调用自定义compile的时候,还要去调用内部默认的compile,否则默认的compile默认的行为就会被覆盖

第三阶段:链接阶段

链接阶段又会做些什么事情呢?

首先,每条指令的link指令都会被调用

我们在指令的编写指令代码的时候,除了可以写compile函数以外,还可以写link自定义函数,

angularjs在找到这个函数以后,angulajs也会去运行link函数,

我们知道,不要在controller或才其他地方操作dom,因为这个思想不符合angularjs的设计思想,

那么dom在哪些地方可以操作呢?我们可以在link中操作dom

那么这个link函数可以做些什么事情呢?

它可以为dom元素绑定一些事件,绑定作用域,比如双向数据绑定

指令和双向数据绑定,就是在link这个阶段运行的

以上就是angularjs指令执行的三个阶段。

以上内容了解即可。无需刻意去记忆。

 

angularJs指令执行的机制==大概的三个阶段

 angularJs指令执行的机制==大概的三个阶段

 

 

 

 

angularJs指令执行的机制==大概的三个阶段