如何在 Ionic 4/5 中拖动元素

Posted 2023-05-08

【中文标题】如何在 Ionic 4/5 中拖动元素

【英文标题】：How to drag elements in Ionic 4/5

【发布时间】：2020-10-16 05:10:14

【问题描述】：

我想在 Ionic 中创建可拖动（免费）的按钮。在 ionic 3 中，我使用了一个指令来执行此操作（链接 https://www.joshmorony.com/building-an-absolute-drag-directive-in-ionic-2/），但该指令在 ionic 5 中不起作用，并且它不会给出任何错误。您认为 ionic 5 执行此操作的最佳库（由一些教程支持）是什么？提前致谢。

【参考方案1】：

这不一定是离子特定的。如果您使用 Angular，您可以只使用 NPM 组件，例如 https://www.npmjs.com/package/angular-draggable-droppable

Angular 材质库中也对此提供支持

https://material.angular.io/cdk/drag-drop/overview

【讨论】：

非常感谢 E. Maggini。我试过 cdk 拖放，是一个非常好的库。只有一个运行时问题“TypeError：类构造函数平台不能在模块../node_modules/@angular/cdk/__ivy_ngcc__/fesm2015/platform.js 处没有'new'的情况下被调用”但我已经解决了将库的版本降级为9.2.4 感谢您的帮助！