使 ngDialog 可拖动 AngularJs jQueryUI

Posted 2023-05-08

【中文标题】使 ngDialog 可拖动 AngularJs jQueryUI

【英文标题】：Make ngDialog draggable AngularJs jQueryUI

【发布时间】：2017-05-22 15:06:07

【问题描述】：

我想让 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();
        
    ;
);

【参考方案1】：

放入控制器初始化：

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

【讨论】：

你拯救了我的一天，伙计。