JQuery ui изменяемый как угловая директива

Question

Я пытаюсь реализовать JQuery ui изменяемый размер плагина как угловую директиву. Это почти успешно. Но когда я устанавливаю явно обработчик для изменяемого размера плагина, я получаю сообщение об ошибке всякий раз, когда я нажимаю на любой элемент 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>