ng2-dragula的dragulaModel無法正常工作

Question

我正在為項目使用ng2-dragula ， 並且對我來說效果很好。但是現在我想在將數據放入包中的同時傳遞數據。

我在互聯網上搜索並找到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>