angularjs - 将元素拖放到指定区域然后输出坐标

Question

我正在开发一个 AngularJS 应用程序，它允许用户将 HTML 元素拖到指定区域。然后我需要能够输出放置到指定区域的元素的坐标。

UI 将如下所示：

因此，用户将对象从左侧面板拖动到右侧的指定区域。然后他们将能够为该元素设置许多属性，如底部面板中所示（但这是我有信心做的事情）。我不确定的是如何创建功能以允许将对象放置在指定区域的某个位置，然后让 Web 应用程序输出所有对象的坐标。

关于如何完成此功能的任何想法？

Answer 1

看看这个 url，这就是你需要的。之后，要获得位置，很容易，使用 angular.element(droppedElement)。position () 从它的父元素返回位置，它是你的dropzone。