ng2-dragula 的 dragulaModel 不起作用
dragulaModel of ng2-dragula is not working
我正在为我的项目使用 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
此错误消息显示元素何时从具有指定型号的包 "A" 掉落到没有型号的包 "B" 中。您需要为袋子 "B" 指定 "dragulaModel",您试图在其中放置元素。
示例:
<div [dragula]='"bag-a"' [dragulaModel]='records' >
...
</div>
<div [dragula]='"bag-b"' [dragulaModel]='records' >
..
</div>
我正在为我的项目使用 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
此错误消息显示元素何时从具有指定型号的包 "A" 掉落到没有型号的包 "B" 中。您需要为袋子 "B" 指定 "dragulaModel",您试图在其中放置元素。
示例:
<div [dragula]='"bag-a"' [dragulaModel]='records' >
...
</div>
<div [dragula]='"bag-b"' [dragulaModel]='records' >
..
</div>