Как мне исправить "jQuery draggable - это не функция" в директиве AngularJS

Question

Я создал пользовательскую директиву в AngularJS, но она выдает ошибку.

Вот мой код:

myApp.directive("dragMe", function() {
    return {
        restrict: 'E',
        scope: {},
        templateUrl: 'dragMe.html',
        link: function(scope, element, attrs) {
            setTimeout(function(){
                $(".dummy").draggable()
            }, 1000);
        }
    };
})

При добавлении этой директивы я получаю сообщение об ошибке:

Draggable это не функция

Я добавил файл jQuery в основной файл HTML и добавил его перед угловым файлом. В чем проблема?

Answer 1

Это вызвано тем, что вы также не включаете библиотеку jQuery UI. Draggable не является частью ядра jQuery, это часть расширений пользовательского интерфейса.

Добавьте пользовательский интерфейс jQuery под ссылкой jQuery, и все будет в порядке.