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

前端之家收集整理的这篇文章主要介绍了Angularjs使用link为元素绑定响应事件前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

1、HTML源码

  1. <!doctype html>
  2. <html ng-app="MyModule">
  3. <head>
  4. <Meta charset="utf-8">
  5. </head>
  6. <body>
  7. <hello></hello>
  8. </body>
  9. <script src="../framework/angular-1.3.0.14/angular.js"></script>
  10. <script src="HelloAngularLink.js"></script>
  11. </html>

2、angularjs源码

  1. var myModule = angular.module("MyModule",[]);
  2. myModule.directive("hello",function() {
  3. return {
  4. restrict: 'E',template: '<div>Hi everyone!</div>',replace: true,link: function(scope,el,attrs,controller) {
  5. //console.log("<hello>...link...");
  6. el.on("mouseenter",function() {
  7. console.log("鼠标进入...");
  8. });
  9. }
  10. }
  11. });

3、执行效果

页面

当鼠标移动到页面上后,console打出的日志:

猜你在找的Angularjs相关文章