角度UI-ブートストラップポップオーバードラッグ可能

Question

私はAngular UI-Bootstrap popoverを使用しており、jQuery-UI draggableを使用してドラッグ可能にしたいと考えています。それはすべて正常に動作しますが、UI-Bootstrapの再配置に関する問題が発生しています。ヒントを持つ要素にカーソルを置くか、別のポップアップを開くと、UI-Bootstrapはポップアッププレースメントを再計算し、それを初期配置に配置します。しかし、私はそれが引っ張られた場所にとどまることを望みます。この問題を回避する方法はありますか？

私のコードサンプル

HTML

<button type="button" data-uib-tooltip="Toggle tooltip" data-tooltip-placement="bottom auto" data-tooltip-append-to-body="true" data-tooltip-class="hidden-xs" data-uib-popover-template="'popover.tpl.html'" data-popover-append-to-body="false" data-popover-placement="auto left" data-popover-class="popover-default popover-draggable" data-ng-click="vm.makeDraggable()"> 
    Toggle popover 
</button> 

JS

vm.makeDraggable = function() { 
    $('.popover-draggable').draggable(); 
} 

Answer 1

あなたは多分ポップオーバーの最後の位置を保存する必要があります。 イベントのドラッグを使用すると、現在の位置を取得できます。

$(".popover-draggable").draggable({ 
    drag: function(event, ui) { 
    //get position with ui.position 
    } 
});