Сделать ngDialog перетаскиваемым AngularJs jQueryUI

Question

Я хочу сделать ngDialog перетаскиваемым, используя jQueryUI или просто угловым (предпочтительным).

Вот пример модальных становится перетаскиваемым использованием jQueryUI: JSFiddle (Modal)

$(".modal").draggable({ 
    handle: ".modal-header" 
}); 

Я попытался повторить его с ngDialog, но не был в состоянии сделать это .. JSFiddle (ngDialog)

$(".ngdialog ").draggable({ 
    handle: ".ngdialog-content" 
}); 

// $(".ngdialog ").draggable(); 

Вот демонстрацию div, который можно перетаскивать с помощью директивы: JSFiddle (Directive), взятой из этого SO Question.

app.directive('dragMe', function() { 
    return { 
     restrict: 'A', 
     link: function(scope, elem, attr, ctrl) { 
      elem.draggable(); 
     } 
    }; 
}); 

Answer 1

положить внутрь инициализации контроллера:

$scope.$on('ngDialog.opened', function (e, $dialog) { 
    $(".ngdialog").draggable({ 
    handle: ".ngdialog-content" 
    }); 
});