Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/384.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Dragula和Angular 5-通过拖放更新对象位置值_Javascript_Html_Angular_Typescript_Ng2 Dragula - Fatal编程技术网

Javascript Dragula和Angular 5-通过拖放更新对象位置值

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

我有一个包,里面有几个div,每个div都有一个物品列表,所有物品的位置值都相同,所以“Misc”div的物品都有“location:Misc”,“Armor”div的物品都有“location:Armor”等等

我可以将项目排序到各自的div中,但我希望能够将一个项目拖动到另一个div中,然后相应地更改项目的位置值,但我不知道如何执行此操作

我试过了,但一定是理解不对

代码段-这只是控制台“未定义”

HTML:


我意识到我可以通过以下方式获得出发地和目的地:

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']);