Изменение размера JQuery UI в качестве угловой директивы

Я пытаюсь реализовать JQuery ui resizable plugin как директиву 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?

Благодарю.