角元素 - 自定義指令

Question

確實角有相同的：

elementObject.addEventListener("resize", myFunction); 

我想過約手錶，但我不認爲這是很好的解決方案。

Answer 1

創建自定義指令：

app.directive("myResize", function($parse) { 
    return { 
     link: postLink 
    }; 
    function postLink(scope, elem, attrs) { 
     elem.on("resize", function (e) { 
      var rs = $parse(attrs.myResize); 
      rs(scope, {$event: e}); 
      scope.$apply(); 
     }); 
    } 
}); 

用法：

<div my-resize="$ctrl.myFunction($event)"> 
</div> 

欲瞭解更多信息，

• AngularJS Developer Guide - Creating Custom Directives
• AngularJS Comprehensive Directive API Reference
• AngularJS $parse Service API Reference
• AngularJS jqLite API Reference

Answer 2

你也可以這樣做： HTML：

<div resize-me></div> 

的JavaScript：

myApp.directive('resizeMe', ['$window', function($window) { 
    return { 
     link: function(scope, elem, attrs) { 
      angular.element(elem).bind('resize', function() { 
       //do something on resize 
      }) 
     } 
    } 
}])