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

原创
2016/08/14 22:50
阅读数 286

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

展开阅读全文
加载中

作者的其它热门文章

打赏
0
0 收藏
分享
打赏
0 评论
0 收藏
0
分享
返回顶部
顶部