谈谈关于angularjs指令中complie函数和link函数的理解
来源:互联网 发布:学大数据要什么基础 编辑:程序博客网 时间:2024/06/10 21:02
compile函数和link函数的区别可以从他们形参看出来:
compile: function(element, attrs){ ...}link: function(scope, element, attrs){ ...}
由上我们可以看出,link函数的形参中包含了scope作用域。也就是说compile函数在指令被调用的时候,只能对元素和和元素的属性进行操作,也就是js中的纯dom操作。
而link函数的形参中包含了scope作用域,说明当指定link函数时,指令已经和dom上的数据进行了绑定,我们在link函数中还可以对元素上的模型数据进行操作。
最后,需要注意的是,compile函数和link函数不能同时出现。至于为什么不同时出现,我的理解是这样的。如果你定义的这条指令是纯dom操作,不需要操作模型数据,那么使用compile函数就能满足你的需求。
如果,你需要对模型数据进行操作,那么link函数可以实现你的需求同时也可以对dom进行操作。因此,link函数的功能是要强于compile函数的,你要根据自己的需求来选择实现相应的函数。
0 0
- 谈谈关于angularjs指令中complie函数和link函数的理解
- AngularJS的生命周期:complie和link
- 谈谈关于js中关于函数的apply和call方法的理解
- angularjs directive内部controller link函数理解
- 自定义指令[directive,link,complie]
- angular指令之complie和link不得不说的故事
- angularjs指令link函数参数scope,指令controller依赖注入的$scope,与指令外部controller的$scope的关系
- angularjs指令中的compile与link函数详解
- angularjs指令中的compile与link函数详解
- AngularJS指令中的compile与link函数解析
- angularjs指令中的compile与link函数详解。
- angularjs指令中的compile与link函数详解
- angularjs指令中的compile与link函数详解
- angularjs指令中的compile与link函数详解
- AngularJS学习之Link & Complie (一)
- 指令compile和link函数解析
- 谈谈对*NIX中对system()函数的理解
- 理解Angularjs的指令
- APP软件测试总结
- 【软件测试】黑盒测试简介以及方法简介
- python3爬虫-爬取新浪新闻首页所有新闻标题
- [树莓派]raspberry pi 设置静态ip
- BZOJ 1012 线段树或单调栈
- 谈谈关于angularjs指令中complie函数和link函数的理解
- Linux yum源配置
- BeanUtils忽略空属性或字段
- [WARNING] Using platform encoding (UTF-8 actually) to copy filtered resources, i.e. build is platfor
- pl/sql developer创建job
- workerman-json-rpc:使用workerman快速进行RPC开发的套路
- Unity开发详解之新建工程(1/6)
- YDB基本使用详解
- VC 消息积累 01