æ令åæ§å¶å¨ç交äº
<!DOCTYPE html>
<html ng-app="MyController">
<head>
<meta charset="utf-8">
<title>æ令å¤ç¨</title>
</head>
<body>
<div ng-controller="MyCtrl">
<loader>æ»å¨å è½½</loader>
</div>
</body>
<script src="js/angular-1.3.0.js"></script>
<script src="js/directive-controller.js"></script>
</html>
ä¸é¢ç代ç 平淡æ å¥ï¼æ个æ§å¶å¨æ个æ令ï¼loaderï¼ï¼ä¸é¢å¯ä»¥çå°æ们éè¿ directiveå建äºè¿ä¸ªæ令ï¼å¹¶ä¸æ们éè¿linkçæ¹æ³ç»ä»èµå¼é¼ æ äºä»¶(mouseenter)ã
var myModule = angular.module('MyController',[]);
myModule.controller('MyCtrl',function($scope){
$scope.loadData = function(){
console.log("å è½½æ°æ®...");
}
})
myModule.directive('loader',function(){
return{
restrict:'AE',
link:function(scope,element,attr){
element.bind('mouseenter',function(){
scope.loadData();
})
}
}
})
æ们æ¥ççè¿è¡çç»æï¼okï¼æ们æå°åºæ¥ "å è½½æ°æ®..."