ng2-dragula的dragulaModel不工作

Question

我在我的项目中使用ng2-dragula，并且它对me.but很有效，现在我想传递数据，同时将一个元素放在袋子中。

我在互联网上搜索并找到了dragulaModel，但是当我试图使用它时，我的代码就不起作用了。我在模板中做了以下工作：

<li *ngFor="#comp of record.components | search:searchComp:true" [dragula]='"row-bag"' [dragulaModel]='record.components'>
    <p class="text-center h6" style="font-size:8px;color:blue;font-weight:bold;"> {{comp.name }}</p>                                
</li>

就我而言：

 dragulaService.dropModel.subscribe((value:any[]) => {
        console.log(value);
        this.dragulaService.onDropModel(value.slice(1));
    });
    dragulaService.removeModel.subscribe((value:any[]) => {
        console.log(value);
        this.dragulaService.onRemoveModel(value.slice(1));
    });
    dragulaService.drag.subscribe((value: any[]) => {
        //console.log(`drag: ${value[0]}`);
        this.onDrag(value.slice(1));
    });
    dragulaService.drop.subscribe((value: any[]) => {
        //console.log(`drop: ${value[0]}`);
        this.onDrop(value.slice(1));           
    });
    dragulaService.over.subscribe((value: any[]) => {
        //console.log(`over: ${value[0]}`);
        this.onOver(value.slice(1));
    });
    dragulaService.out.subscribe((value: any[]) => {
        //console.log(`out: ${value[0]}`);
        this.onOut(value.slice(1));
    });
    dragulaService.setOptions('row-bag', {
        copy: true
    });

但是我发现了一个错误：

EXCEPTION: TypeError: Cannot read property '1' of undefined

Answer 1

此错误信息显示当元素从带有指定模型的包"A“降到没有模型的"B”包时。您需要为包"B“指定"dragulaModel”，在其中尝试删除元素。

示例：

​

<div [dragula]='"bag-a"' [dragulaModel]='records' >
...
</div>

<div [dragula]='"bag-b"' [dragulaModel]='records' >
..
</div>

​