link1.html
<!doctype html>
<html ng-app="MyModule">
<head>
<meta charset="utf-8">
</head>
<body>
<hello>Hi everyone!</hello>
</body>
<script src="framework/angular-1.3.0.14/angular.js"></script>
<script src="link1.js"></script>
</html>
link1.js
var myModule = angular.module("MyModule", []);
myModule.directive("hello", function () {
return {
restrict: "AE",
link: function (scope, element) {
console.log(element);
element.bind("mouseenter", function () {
console.log("鼠标进入...");
});
element.bind("mouseout", function () {
console.log("鼠标滑出...");
});
}
}
});