angular的directive指令的link方法

最新推荐文章于 2019-10-19 14:57:22 发布

weixin_33711641

最新推荐文章于 2019-10-19 14:57:22 发布

阅读量127

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/fighxp/p/7474061.html

版权

本文详细介绍了Angular中link函数的功能及使用方法，包括如何通过link函数操作DOM元素、绑定事件和监听，以及如何利用该函数实现指令间的通信。通过具体示例展示了如何使用link函数为元素绑定mouseenter事件，并在事件触发时调用作用域内的方法。

摘要由CSDN通过智能技术生成

1 //link函数主要用于操作dom元素,给dom元素绑定事件和监听.  
2 link:function(scope,element,attr,ctrl,linker){  
3     //scope:指令所在的作用域  
4     //element：指令元素的封装，可以调用angular封装的简装jq方法和属性  
5     //attr：指令元素的属性的集合  
6     //ctrl：用于调用其他指令的方法,指令之间的互相通信使用，需要配合require  
7     //linker:用于transClude里面嵌入的内容  
8 }

 1 比如 指令标签  
 2 <mylink myLoad="try()"></mylink>  
 3   
 4 link:function(scope,element,attr){  
 5     element.bind("mouseenter",function(){  
 6         //attr.myload() 就是获取标签上的方法 注意这里需要小写，不能大写  
 7         element.$apply(attr.myload()); //使用$apply运行作用域里面的try()方法  
 8         scope.$apply("try()");//作用同上  
 9     });  
10 }