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

Question

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

UI 看起来像这样:

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

关于如何实现此功能有什么想法吗？

Answer 1

查看this url ，这就是你需要的。之后，要获得位置，很容易，使用 angular.element(droppedElement)。 position () 返回其父元素(即您的放置区)的位置。