Question

我设法使用 fa-draggable 创建了一个可拖动的曲面，但是在拖动完成后我无法弄清楚如何获取曲面的当前位置。我的HTML：

`<fa-modifier ng-repeat="object in objects" fa-size="[object.size.width, object.size.height]" fa-translate="[object.translate.x, object.translate.y]">
    <fa-draggable fa-pipe-from="object.handler">
        <fa-surface ng-class="{btn: isButton(object)}" fa-background-color="object.backgroundColor" fa-pipe-to="object.handler" ng-click="openAttrs(objects.indexOf(object))">
            {{object.text}}
        </fa-surface>
    </fa-draggable>
</fa-modifier>`

此外，如果我们在这里，如果有人可以推荐一种方式来交互式地调整表面的大小，那将是值得赞赏的。

Answer 1

你必须拖拽fa-pipe-to所以所有转向fa-draggable的事件都会回到处理程序只是改变

<fa-draggable fa-pipe-from="object.handler">

到

<fa-draggable fa-pipe-from="object.handler" fa-pipe-to="object.handler">

并在处理程序中执行 JS：

object.handler.on('end', function (d) {
   console.log(d.posiotion);
});

Answer 2

我对Famous-Angular不熟悉，但在回答这个问题时回答了这个问题使用标准Famo.us来管理可拖动的表面 See this Stackoverflow Answer 。

我相信它也应该适用于Famous-Angular。

拖放后，Famo.us/Angular获取当前位置

2 个答案: