AngularMaterial拖放空列表无法工作
创始人
2024-10-28 11:01:28
0

此问题可能是因为缺少占位符导致的。可以使用以下代码示例来解决该问题:

HTML:

No items found.

{{item}}

Component:

import { CdkDragDrop, moveItemInArray, transferArrayItem } from '@angular/cdk/drag-drop';

items: string[] = [];

drop(event: CdkDragDrop) {
  if (event.previousContainer === event.container) {
    moveItemInArray(event.container.data, event.previousIndex, event.currentIndex);
  } else {
    transferArrayItem(event.previousContainer.data,
                      event.container.data,
                      event.previousIndex,
                      event.currentIndex);
  }
}

在上述代码示例中,使用了*ngIf

元素来添加占位符。这可以确保当列表为空时,仍然保留所有拖动和放置功能。

相关内容

热门资讯

透视新版!wepoker辅助工... 透视新版!wepoker辅助工具,wepoker免费脚本弱密码,AI教程(起初存在有挂),支持语音通...
透视透视!wepoker底牌透... 透视透视!wepoker底牌透视脚本怎样安装,约局吧如何查看是否有挂,介绍教程(本然是真的有挂);w...
透视游戏!wpk透视脚本,we... WePoker透视辅助版本解析‌,透视游戏!wpk透视脚本,wepoker黑侠破解,wepoke教程...
透视科技!wpk辅助购买,wp... 透视科技!wpk辅助购买,wpk插件辅助,切实教程(一向真的有挂);wpk辅助购买是一款益智类棋牌手...
透视有挂!wepoker透视脚... 透视有挂!wepoker透视脚本苹果,pokemmo辅助器脚本下载,AI教程(原本真的有挂);(需添...
透视脚本!红龙poker脚本,... 透视脚本!红龙poker脚本,德普之星透视辅助软件,曝光教程(总是有挂);支持多人共享记分板与复盘,...
透视辅助!wepoekr底牌透... 透视辅助!wepoekr底牌透视,werplan外卦神器,黑科技教程(其实有挂)科技教程也叫必备教程...
透视软件!wpk透视辅助软件,... 透视软件!wpk透视辅助软件,德州机器人代打脚本,微扑克教程(真是存在有挂);大神普及一款德州ai内...
透视最新!aapoker辅助挂... 透视最新!aapoker辅助挂,wepoker透视底牌,新版2025教程(都是是真的有挂)1、许多玩...
透视免费!智星菠萝可以辅助吗,... 1、透视免费!智星菠萝可以辅助吗,德州辅助工具到底怎么样,必胜教程(先前真的有挂)2、进入游戏-大厅...