angularjs-directive - Famo.us/Angular 在拖放后获取当前位置

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 管理可拖动表面解决问题时回答了这个问题，请参阅这个 Stackoverflow 答案。

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