angularJS之link函数对元素事件绑定或属性的操作
2015-11-07 15:23
696 查看
<!doctype html> <html lang="en" ng-app="myApp"> <head> <meta charset="UTF-8"> <title>Document</title> <script src="http://apps.bdimg.com/libs/angular.js/1.3.9/angular.min.js"></script> </head> <body > <div><hello>22<hello></div> </body> <script> var myApp=angular.module('myApp',[]); myApp.directive('hello',function(){ return { restrict:'AE', template:'<div>hello angularJS</div>', replace:true, link:function(scope,element,attrs,controller){ console.log("hello angularjs"); element.on('mouseenter',function(){ console.log("link函数处理元素事件绑定或属性的操作"); }); element.on('mouseout',function(){ console.log("鼠标离开事件"); }); } } }); </script> </html>
相关文章推荐
- Mootools 1.2教程 函数
- autoit InputBox 函数
- 文件遍历排序函数
- Flex字符串比较 还有Flex字符串操作
- Oracle 函数大全[字符串函数,数学函数,日期函数]第1/4页
- ASP下经常用的字符串等函数参考资料
- PostgreSQL教程(五):函数和操作符详解(1)
- DOS批处理 函数定义与用法
- asp Chr 函数 数字转字母的方法
- Lua中的函数精讲笔记
- Lua中的闭合函数、非全局函数与函数的尾调用详解
- Lua中调用C++函数示例
- Lua实现split函数
- Lua常用时间函数使用实例
- Lua函数与字符串处理简明总结
- Lua学习笔记之表和函数
- Lua中实现sleep函数功能的4种方法
- Lua函数用法研究
- ASP Cookies操作的详细介绍与实例代码
- perl数据库添加、删除、更新、查询操作例子