dragulaModelは、私は私のプロジェクトのために<a href="https://github.com/valor-software/ng2-dragula" rel="nofollow">ng2-dragula</a>を使用してい

Question

が動作していないおよびdそれが今、私はバッグの中に要素を滴下しながらデータを渡したい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>