1、HTML源码
<!doctype html> <html ng-app="MyModule"> <head> <meta charset="utf-8"> </head> <body> <hello></hello> </body> <script src="../framework/angular-1.3.0.14/angular.js"></script> <script src="HelloAngularLink.js"></script> </html>
2、angularjs源码
var myModule = angular.module("MyModule",[]); myModule.directive("hello",function() { return { restrict: 'E',template: '<div>Hi everyone!</div>',replace: true,link: function(scope,el,attrs,controller) { //console.log("<hello>...link..."); el.on("mouseenter",function() { console.log("鼠标进入..."); }); } } });
3、执行效果
页面:
当鼠标移动到页面上后,console打出的日志:
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。