javascript - 使 ngDialog 可拖动 AngularJs jQueryUI

Question

我想让 ngDialog 可拖动，使用 jQueryUI，或者只是 Angular(首选)。

下面是使用 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

放入 Controller 初始化:

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