ngDialogをドラッグ可能にするAngularJs jQueryUI

Question

jgeryUIを使用してngDialogをドラッグ可能にするか、Angular（推奨）を使用したいと考えています。ここで

はjQueryUIを使ってドラッグ可能になってきてモーダルの例である： JSFiddle (Modal)

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

私はJSFiddle (ngDialog)

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

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

.. ngDialogでそれを複製しようとしましたが、そうすることができませんでしたここには、JSFiddle (Directive)というSO Questionから取られたディレクティブを使用してドラッグ可能なdivのデモがあります。

コントローラの初期化の内側に入れ

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" 
    }); 
});