【问题标题】:Ionic 4 + horizontal scroll + ion-split-pane causes error on Angular Material's drag and dropIonic 4 + 水平滚动 + ion-split-pane 导致 Angular Material 的拖放错误
【发布时间】:2023-12-10 22:57:01
【问题描述】:

在我的 Ionic 4 应用程序中有一个离子分离窗格。在 ion-split-pane 里面有一个 ion-router-outlet,我的 ionic 页面就在那里。

在页面内部,我们尝试使用列实现看板。我们正在尝试实现使用拖放在列之间移动元素的能力。

但是当有横向滚动的时候,在里面列的地方,我们不能放下itens。

我们正在使用 Angular Material 的拖放功能。

我们如何在离子分割窗格的滚动窗格内实现拖放?

【问题讨论】:

    标签: scroll drag-and-drop ionic4 angular-material-7


    【解决方案1】:

    好吧,我可以在 GitHub 上找到 2 个示例项目,它们使用 Angular 7 + MD 控件制作了一个简单的看板;)

    1-) GitHub - Kanban Board(有效!) 截图:

    2-) GitHub - kanban

    这些可能没有使用 Ionic 的原生组件,但逻辑是一样的:只是控件彼此不同。

    查看源代码,希望对您有用。 ;)

    最好的问候。

    【讨论】:

      【解决方案2】:

      似乎问题与 ion-router-outlet 相关/引起。通过用路由器插座替换它,拖放开始工作。

      【讨论】: