angular-ui-router - 如何在角度 ui-router 视图之间拖动对象

Question

您好我正在尝试在两个 ui-router ui-view 元素之间拖动一个对象

一个 ui-view 元素是主要的“画布”，另一个元素是具有一些或标签的右侧窗格。

我使用 angular-drag drop 得到了可拖动的对象。但是，当我尝试将东西向左拖到画布上时？它最终会在主画布后面而不是在它们之上。

我尝试调整 z-index 甚至尝试使用 !important ，但是当我将拖动的对象拖到画布中时，它并没有帮助显示拖动的对象。

下图显示了我将图像拖到画布中的一半时的意思。它隐藏在画布 div 后面。

关于如何纠正这个问题的任何建议？

Answer 1

我发现我的错误可以解决如下。

我添加了 jquery ui 选项：

{
  helper: 'clone', // creates a new object.
  appendTo: 'body' // assigns new object to be a child of a selector
}

JQ UI文档会告诉您，您不能只使用 appendTo 。你需要帮手。