AngularMaterial拖放设计不能正常工作
创始人
2024-10-28 11:01:29
0次

可能的解决方案是更新@angular/cdk、@angular/material和@angular/animations的版本，以匹配Angular的版本。检查有关事件的console.log输出，确保它们匹配预期。如果是这里列出的问题之一，考虑使用原生的HTML5 Drag and Drop API替换Angular拖放模块或使用一个第三方库。以下代码示例使用ngdragula第三方库作为替代：

  1. 安装ngdragula：
npm install ng2-dragula --save
  1. 在app.module.ts中引入DragulaModule：
import { DragulaModule } from 'ng2-dragula';

@NgModule({
  imports: [
    DragulaModule.forRoot(),
  ]
})
  1. 在模板中使用：

  
Drag/drop item 1

  
Drag/drop item 2

  
Drag/drop item 3

  
Drag/drop item 4

上一篇：AngularMaterial拖放空列表无法工作

下一篇：AngularMaterial拖放事件返回错误的拖动项索引并移动错误的项。

相关内容

热门资讯

信息共享！新超圣正版辅助，拼三... 信息共享！新超圣正版辅助，拼三张辅助器，力荐教程（确实有挂）；新超圣正版辅助免费下载原版，在新超圣正...
一分钟揭秘！皇豪互众插件，微信... 一分钟揭秘！皇豪互众插件，微信新众游辅助，插件教程（讲解有挂）；一分钟揭秘！皇豪互众插件，微信新众游...
玩家必备教程！青鸟辅助安卓，蛮... 玩家必备教程！青鸟辅助安卓，蛮王大厅辅助插件，扑克教程（有挂辅助）;1、这是跨平台的蛮王大厅辅助插件...
玩家必看教程！潘茄辅助，新二号... 玩家必看教程！潘茄辅助，新二号辅助软件下载，软件教程（有挂头条）;亲，有的，ai轻松简单，又可以获得...
让我来分享经验！新超凡软件辅助... 让我来分享经验！新超凡软件辅助，新八戒辅助，必备教程（有挂技巧）；最新版2026是一款经典耐玩的益智...
一分钟了解！新518互游脚本，... 一分钟了解！新518互游脚本，超级三加一正版，科技教程（确实有挂）是一款可以让一直输的玩家，快速成为...
一分钟了解！新西楚辅助器，超级... 您好：超级三加一辅助这款游戏可以开挂的，确实是有挂的，很多玩家在这款游戏中打牌都会发现很多用户的牌特...
普及知识！钱塘十水三攻略，新青... 普及知识！钱塘十水三攻略，新青鸟辅助，专业教程（有挂规律）;钱塘十水三攻略AI智能教程细节普及钱塘十...
玩家必看！新蛮王辅助器，西兵互... 玩家必看！新蛮王辅助器，西兵互娱辅助插件app，必胜教程（真的有挂）;1、让任何用户在无需AI插件第...
一分钟快速了解！新天道挂机辅助... 一分钟快速了解！新天道挂机辅助，新西楚辅助，必赢教程（确实有挂）；1、玩家可以在新天道挂机辅助软件透...