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抛出错误，未检测到匹配的服务工作者。

相关内容

热门资讯

wepoke是真的有挂！微扑克... wepoke是真的有挂！微扑克代打是真的吗，（aapokEr）原先有挂（详细辅助2025版教程），亲...
透视苹果版(wepoke辅助有... 透视苹果版(wepoke辅助有挂)德扑计算软件(详细辅助安装教程)本然真的有挂是一款可以让一直输的玩...
WePoKe透明挂！哈糖大菠萝... WePoKe透明挂！哈糖大菠萝怎么弄的，（aapOker）都是真的是有挂（详细透视透视教程）；支持2...
透视教学(wepoke的确有挂... 一、简介了解软件请加微：136704302是一款在线扑克游戏平台，玩家可以在平台上进行多人在线扑克游...
透视ai代打(微扑克全自动机器... 透视ai代打(微扑克全自动机器人)wepower怎么设置德州(详细辅助教你攻略)固有是真的有挂1、快...
aapoker辅助！云扑克德州... aapoker辅助！云扑克德州PK，（智星德州）原本真的有挂（详细透视大神讲解）是一款可以让一直输的...
透视有挂(德扑之星ai代打)w... 透视有挂(德扑之星ai代打)wepoke黑科技(详细辅助规律教程)从来是真的有挂1、每个玩家都可以进...
智星德州菠萝！微扑克系统机制，... 智星德州菠萝！微扑克系统机制，（线上德州）从来是真的有挂（详细透视攻略方法）；超受欢迎的智星德州菠萝...
透视最新(aapoker发牌机... 透视最新(aapoker发牌机制)微扑克发牌逻辑(详细辅助攻略教程)素来真的有挂；是一款可以让一直输...
微扑克ai机器人！wpk辅助机... 相信很多朋友都在电脑上玩过微扑克ai机器人吧，但是很多朋友都在抱怨用电脑玩起来不方便。为此小编给大家...