谈谈关于angularjs指令中complie函数和link函数的理解

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
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值