Jquery ui可调整角度指令

Question

我试图实现Jquery ui可调整大小的插件作为Angular指令。这几乎是成功的。但是，当我设置可调整大小插件的显式处理程序时，每当我点击任何dom项目时都会出现错误。

Uncaught TypeError: Cannot read property 'ownerDocument' of undefined 

这是角度指令;

App.directive('resizable', function() { 
    return { 
     restrict: 'A', 
     link: function(scope, element, attrs) { 
      $(element).resizable({ 
       handles: { 's' : '.handle' } 
      }); 
     } 
    }; 
}); 

Html;

<div class="row list-box" resizable> 
<div class="handle ui-resizable-handle ui-resizable-n fa fa-ellipsis-h"></div> 

什么是使用jQuery UI与angularjs的最佳做法？

谢谢。

Answer 1

我找到了解决方案。问题是处理程序div未放入resizable div。正确放置后，按预期工作。

<div class="row list-box" resizable> 
    ... 
    <div class="handle ui-resizable-handle ui-resizable-n fa fa-ellipsis-h"></div> 
</div>