2015-11-01 106 views
0

我試圖實現Jquery ui可調整大小的插件作爲Angular指令。這幾乎是成功的。但是,當我設置可調整大小插件的顯式處理程序時,每當我點擊任何dom項目時都會出現錯誤。Jquery ui可調整角度指令

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的最佳做法?

謝謝。

回答

0

我找到了解決方案。問題是處理程序div未放入resizable div。正確放置後,按預期工作。

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