初探Angular.js的初始化过程

本文介绍了Angular.js的初始化过程,包括脚本加载、编译阶段和连接阶段。加载Angular.js后,通过查找ng-app指令确定应用边界;编译阶段则遍历DOM结构,标识并转换指令;连接阶段通过运行link函数使视图动态化。

初探Angualr.js初始化过程

加载脚本

    加载Angular.js,并查找ng-app指令,从而找到应用的边界。

编译阶段

    在这个阶段,Angular会遍历DOM结构,标识出模板中注册的所有指令。对于每一条指令,他会根据指令定义的规则(template,replace,transclude等)来转换DOM结构,如果存在compile函数,则调用他,调用compile函数会得到一个编译好的template函数,他将会调用从所有指令中搜集而来的link函数。

连接阶段

    为了让视图变为动态的,Angular会对每一条指令运行一个link函数,link函数的一般操作是在DOM或者模型上创建监听器,监听器会使视图和模型的内容随时保持同步。


转载于:https://my.oschina.net/bosscheng/blog/318453

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值