AngularJS 03

<script src="http://code.angularjs.org/angular-1.0.1.min.js"></script>
<div ng-app="Ng">
<div ng-controller="controllers">
@*方法一*@
<div enter leave>鼠标移入移出</div>
<br>
<br>
<br>
<br>
<div enter2="Loding()" leave>鼠标移入移出方法2</div>
</div>
</div>

<script>
var ng = angular.module("Ng", []);
ng.controller("controllers", function ($scope) {
$scope.Loding = function () {

alert('controller');
}

});
//方法一
ng.directive("enter", function(){return function (scope,element) {
element.bind("mouseenter", function () {
scope.Loding();
})
}
})

//方法二
ng.directive("enter2", function () {
return function (scope, element,attr)
{
element.bind("mouseenter", function () {
scope.$apply(attr.enter2);
})

}

})
</script>