只有在Angular Js中調整大小時才調用調整大小的方法

Question

我已經使用了一個指令，它調用了一個方法，該方法返回一些完美工作的值。但我的問題是，它反覆調用它，我想要的是它應該只在調整大小完成時調用方法。我把這個代碼的形式

https://codepen.io/fabiobiondi/pen/pvJrBE

app.directive('resizable', function() { 
return { 
    restrict: 'A', 
    scope: { 
     callback: '&onResize' 
    }, 
    link: function postLink(scope, elem, attrs) { 
     elem.resizable(); 
     elem.on('resize', function (evt, ui) { 
      scope.$apply(function() { 
       if (scope.callback) { 
        scope.callback({ $evt: evt, $ui: ui }); 
       } 
      }) 
     }); 
    } 
}; 
}) 

<div resizable on-resize="resize($evt, $ui)" class="box"> 
    Resizable Div 
</div> 

注：我不能調用。點擊（）事件或使用的東西超時操作。其次，我有大約150個div可以調整大小，所以不能使用ID也。

在此先感謝

Answer 1

使用resize-stop事件。

elem.on('resizestop', function (evt, ui) { 
     scope.$apply(function() { 
      if (scope.callback) { 
       scope.callback({ $evt: evt, $ui: ui }); 
      } 
     }) 
    });