使 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

放入控制器初始化：

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