angularjs - 如何使用 famo/angular 将拖动的 fa 表面返回到其原点？

Question

我正在使用有效的 fa-draggable 指令:

<fa-modifier fa-size="[90, 90]">
             <fa-draggable fa-pipe-from="item.handler"
                           fa-options="draggableOptions"
                           fa-pipe-to="item.handler">
                           <fa-surface fa-background-color="'#268bd2'"
                                       fa-pipe-to="item.handler">
                                        A
                           </fa-surface>
             </fa-draggable>
</fa-modifier>

在我的 Controller 中我设置:

$scope.draggableOptions = {
        xRange: [-4, 4],
        yRange: [-4, 4]
    };
$scope.item.handler = new EventHandler();
$scope.item.handler.on('end', function (e) {
                //return somehow to default position
            });

如何确保拖动事件完成后，可拖动表面返回到默认位置？

我发现了这个问题 Drag a Famous surface and have it transition back to origin on mouseup?但我不知道如何在我的案例中使用“setPosition”函数？

Answer 1

可以设置位置

$famous.find('fa-draggable')[0].modifier.setPosition([4,4])

演示插件:http://plnkr.co/edit/ZwLFXsjoxHyXqPpUgxJh?p=preview