Angularjs 如何在ionic v1中实现可拖动元件

大家好，我的要求是让一个元素可以在屏幕上拖动，并将元素的位置设置为用户停止拖动的位置。到目前为止，我能够使一个元素在屏幕上拖动，但一旦释放，它就会返回到原来的位置（之前的位置），我正在使用angular的ngDraggable指令。对不起，我是新来的离子和角。我们将非常感谢您的帮助。 我的代码如下

<div ng-drag="true" id="draggableAxis" ng-style="{{draggedStyle}}" ng-drag-success="onDragComplete($data,$event)">
            <img src="img/axis.png" >
            <img ng-src="img/other.png" style="width:75px"> 
        </div> 

我将修复更新为

问题之一是

ng-style="{{draggedStyle}}" 

应该是哪一个

ng-style="draggedStyle" 

另外，我将setPosition方法切换为翻转x和y，并使用left，因为x表示从左到右的位置

$scope.setPosition = function(data) {
    $scope.draggedStyle = {
      top: data.y + 'px',
      left: data.x + 'px'
    };
  }

---

希望这有助于

不熟悉该库，但我看不到您定义放置区域的任何地方。指示如何定义拖放区域。我见过的大多数拖放解决方案都定义了源区域和目标区域。我不希望将元素拖放到特定区域，我希望元素停留在用户拖动的位置。我是否需要为我从同一站点获取的参考定义放置区域。在这里，我们有了拖放工具。两天以来，我一直在努力解决这个问题。谢谢。你救了我一天。现在位置正在正确更改。请不要忘记指出答案已更正。一个问题是如何防止元素在释放时滑动。它正在滑动，因为data.y和data.x是鼠标指针所在的位置。然后将图像最左上方的部分放到鼠标指针所在的位置。您可以从拖动开始时的y和x开始计算元素顶部和左侧的差值，然后在设置位置时从data.x和data.y中减去它。更新了plunker。非常感谢你的帮助。

$scope.setPosition = function(data) {
    $scope.draggedStyle = {
      top: data.y + 'px',
      left: data.x + 'px'
    };
  }