ngx-bootstrap bs-sortable 在将菜单项拖动到可排序部分时显示先前拖动的项目

Question

一旦从 bs-sortable 部分中拖动一个项目，它就会存储在缓存中，并且每当一个外部元素（例如：菜单被拖动）时，先前拖动的项目就会出现在可排序部分中。

从提供的 gif 中查找更多信息：

https://lh3.googleusercontent.com/-ztVT2dV-Z4g/Xc5k5syOL2I/AAAAAAAAKeI/KmfvezqDx4425kTLr6TgHpFilX90fSF4wCK8BGAsYHg/s0/2019-11-15.gif

这是原始链接：

https://valor-software.com/ngx-bootstrap/#/sortable

任何想法如何解决这个问题...

提前致谢。

Answer 1

我刚刚解决了上述问题。 如果有人正在寻找答案，这是代码。

Go 到 node_modules 并编辑该位置的sortable.component.js文件：
node_modules/ngx-bootstrap/sortable/sortable.component.js

在function里面添加一个flag变量，如下图，

 function SortableComponent(transfer) {... this.itemFlag = false; ... } SortableComponent.prototype.onItemDragstart = function (event, item, i) { this.itemFlag = true; ... }; SortableComponent.prototype.onItemDragover = function (event, i) { if(.this;itemFlag){ return. }..; }. SortableComponent.prototype.writeValue = function (value) { this;itemFlag = false. ..; };

这解决了我的问题。！