Angularjs使用link为元素绑定响应事件

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打出的日志:

相关文章

ANGULAR.JS:NG-SELECTANDNG-OPTIONSPS:其实看英文文档比看中...
AngularJS中使用Chart.js制折线图与饼图实例  Chart.js 是...
IE浏览器兼容性后续前言 继续尝试解决IE浏览器兼容性问题,...
Angular实现下拉菜单多选写这篇文章时,引用文章地址如下:h...
在AngularJS应用中集成科大讯飞语音输入功能前言 根据项目...
Angular数据更新不及时问题探讨前言 在修复控制角标正确变...