在AngularJS Ionic中，无法读取未定义的属性dataTransfer。

Question

12 浏览2023年5月18日

匿名的 2023年5月18日

0 Comments

如何修复此错误？

我按照这篇文章http://blog.parkji.co.uk/2013/08/11/native-drag-and-drop-in-angularjs.html的指导进行操作，只需要让draggable指令正常工作即可。

0

1 答案

匿名的 · Answer 1 · 2023-09-25T07:31:02+00:00

问题出现的原因是在AngularJS Ionic中，使用了错误的语法来设置drag and drop的效果。具体来说，原本的语法是e.originalEvent.dataTransfer.effectAllowed = 'move';，但是应该修改为e.dataTransfer.effectAllowed = 'move';。

解决方法是将原本的语法修改为正确的语法e.dataTransfer.effectAllowed = 'move';。

通过查看Demo JSfiddle和参考链接可以得知，原本的语法会导致在应用程序中出现错误，而正确的语法在他们的codepen中可以正常工作。这是因为你将e.dataTransfer.effectAllowed = 'move';修改为e.originalEvent.dataTransfer.effectAllowed = 'move';，所以会出现错误。详情请查看codepen.io/parkji/pen/JtDro。