拖拽放入Ionic / Angular应用程序:`e.gesture` undefined,并使用两个不同的控制器进行拖放

时间:2014-12-29 06:03:30

标签: angularjs drag-and-drop ionic-framework

我正在构建一个需要具有Drag&amp; amp;功能的应用程序。作为交互模式删除。具体来说,想象一个Ionic Side Menu,其中包含<ion-list>个人。列表中的这些人中的任何一个都应该能够被拖放到视图中的某个容器中(但不会被放回到<ion-list>中)。现在,一个问题和一个问题:

问题:我实现了一个Angular Drag&amp;删除库(http://www.directiv.es/Angular-DragDrop)。它似乎工作 - 因为鬼图像是可拖动的。但是,在TypeError: e.gesture is undefined第6917行引发 ionic.bundle 。为什么一旦我点击列表中的某个人并开始拖动,就会抛出此错误?更重要的是,如何纠正这个?因为它没有被扔进Drag&amp;删除库,它表明Ionic中有问题,不是吗?

问题:这可能更像是一个Angular而非Ionic问题,但是这里有:包含人员列表的<ion-list>在一个Controller的控制之下(比如说) ,ControllerA),而要删除此列表中某个人的容器受另一个Controller(例如ControllerB)的控制。现在,实际上是否可以使用拖动部分拖动和放大Drop驻留在一个Controller中,Drop部分位于Drag&amp;掉落在另一个?它不适合我,而且我不知道它是否因为未定义的手势或 - 即使手势被定义而且没有错误 - 因为它是相同的{ {1}}不处理Drag和Drop。 (容器和列表都在模板中存在所需的Controller,并且定义了处理Drop的函数。)如果Drag&amp; Drop可以分为两个不同的控制器,然后你可能需要使用Directive或共享$broadcast/$on来处理它们之间的交互,对吗?任何人都可以澄清这个吗?

无论如何,首先要做的事情是:如何解决在Drag操作开始时抛出的 Service 错误。所有人都非常感谢 - 谢谢!

1 个答案:

答案 0 :(得分:1)

我使用这个ngDraggable AngularJS指令做了出色的工作:https://github.com/fatlinesofcode/ngDraggable

希望这有帮助