Javascript Dragula和Angular 5-通过拖放更新对象位置值
我有一个包,里面有几个div,每个div都有一个物品列表,所有物品的位置值都相同,所以“Misc”div的物品都有“location:Misc”,“Armor”div的物品都有“location:Armor”等等 我可以将项目排序到各自的div中,但我希望能够将一个项目拖动到另一个div中,然后相应地更改项目的位置值,但我不知道如何执行此操作 我试过了,但一定是理解不对 代码段-这只是控制台“未定义” HTML:Javascript Dragula和Angular 5-通过拖放更新对象位置值,javascript,html,angular,typescript,ng2-dragula,Javascript,Html,Angular,Typescript,Ng2 Dragula,我有一个包,里面有几个div,每个div都有一个物品列表,所有物品的位置值都相同,所以“Misc”div的物品都有“location:Misc”,“Armor”div的物品都有“location:Armor”等等 我可以将项目排序到各自的div中,但我希望能够将一个项目拖动到另一个div中,然后相应地更改项目的位置值,但我不知道如何执行此操作 我试过了,但一定是理解不对 代码段-这只是控制台“未定义” HTML: 我意识到我可以通过以下方式获得出发地和目的地: this.dragula.drop
我意识到我可以通过以下方式获得出发地和目的地:
this.dragula.drop.subscribe(value => {
//Bag
console.log(value[0]);
// What is moved
console.log(value[1]);
// Destination
console.log(value[2]);
// Origin
console.log(value[3]);
});
并查找目的地的id,例如,使用:
console.log(value[2]['id']);
[attr.data id]=“行李设备”
表示您有属性行李
和设备
,只需执行减法。请尝试使用[attr.data id]=“bag-equipment”(注意引号)或attr.data id=“bag-equipment”
谢谢!我得到了同样的结果,但我不知道减法。你能制作一个小复制品来重现你的问题吗?
this.dragula.drop.subscribe(value => {
//Bag
console.log(value[0]);
// What is moved
console.log(value[1]);
// Destination
console.log(value[2]);
// Origin
console.log(value[3]);
});
console.log(value[2]['id']);