Angular排序拖放列表cdkDropListDropped：为什么我的项目的顺序属性在我更新之前就被更新了？
创始人
2024-10-28 19:01:15
0次

这通常是由于使用双向数据绑定引起的。为了避免这种情况，您可以使用 Angular 的拷贝方法来创建项目的副本。这样做可以确保在移动项目之前不会更改原始项目的顺序。

示例代码如下：

drag(event: CdkDragDrop) { const previousIndex = this.items.findIndex(item => item === event.item.data); const tmp = this.items[previousIndex]; this.items[previousIndex] = Object.assign({}, event.item.data); const currentIndex = this.items.findIndex(item => item === event.item.data); this.items[currentIndex] = Object.assign({}, tmp); }

在这个示例中，我们使用了 Object.assign() 方法来创建新的项目副本，而不是使用原始项目。此外，我们在移动项目之前先保存原始项目，以确保在排序期间不会更改项目的顺序。

上一篇：Angular排序和分割数组

下一篇：Angular抛出错误，未检测到匹配的服务工作者。

相关内容

热门资讯

透视软件！wepokerplu... 透视软件！wepokerplus辅助（透视）开挂辅助软件（都是真的有挂）-哔哩哔哩1、起透看视 we...
7分钟绝活！友友联盟辅助器，新... 7分钟绝活！友友联盟辅助器，新九天辅助，2025新版教程（有挂透明挂）-哔哩哔哩友友联盟辅助器软件透...
透视私人局！wpk模拟器多开，... 透视私人局！wpk模拟器多开，德普之星透视辅助软件，经验教程（其实有挂）-哔哩哔哩1、进入到德普之星...
第七分钟讲义！新九哥破解版，衢... 第七分钟讲义！新九哥破解版，衢州都莱辅助器，玩家教你（证实有挂）-哔哩哔哩1、游戏颠覆性的策略玩法，...
透视智能！wepoker辅助方... 透视智能！wepoker辅助方法（透视）开挂辅助攻略（总是真的是有挂）-哔哩哔哩1、超多福利：超高返...
三分钟教程书！三加一辅助器，顺... 三分钟教程书！三加一辅助器，顺欣茶楼开挂，总结教程（有挂细节）-哔哩哔哩一、顺欣茶楼开挂软件透明挂的...
透视好友房！智星德州插件202... 透视好友房！智星德州插件2024最新版，pokemmo脚本辅助器下载，手筋教程（其实有挂）-哔哩哔哩...
透视app！htx矩阵wepo... 透视app！htx矩阵wepoker辅助（透视）开挂辅助挂（一贯是真的挂）-哔哩哔哩1、htx矩阵w...
4分钟大纲！决战十水三修改器，... 4分钟大纲！决战十水三修改器，牛总管辅助神器下载免费，科技教程（有挂解惑）-哔哩哔哩；1、上手简单，...
透视软件！wepoker怎么破... 透视软件！wepoker怎么破解游戏，wepoker透视app下载，指南教程（一贯真的是有挂）-哔哩...