Ng2 Dragula-防止在拖动后从列表中删除元素

Question

我有一个列表，用来从中拖动元素，然后放到另一个列表中。

有没有一种方法可以在将拖动的元素拖动到另一个列表后将其保留在源列表中？

确切地说，我希望元素在从一个列表拖放到另一个列表之后出现在两个列表中。

我怎样才能做到这一点？

Answer 1

如果您将copy与[dragulaModel]一起使用，则必须提供copyItem函数。

<div class='container' dragula="PERSON" id="left" [(dragulaModel)]="left">
<div *ngFor="let person of left">{{person | json}}</div>
</div>
<div class='container' dragula="PERSON" id="right" [(dragulaModel)]="right">
<div *ngFor="let person of right">{{person | json}}</div>
</div>

let personId = 0;
class Person {
id: number;
constructor(public name: string) {
this.id = personId++;
}
}
export class CopyModelComponent {
left = [
new Person('Steven'),
new Person('Paula'),
new Person('Persephone'),
new Person('Jacob'),
];
right = [
new Person('Delia'),
new Person('Jackson'),
];
constructor(private dragulaService: DragulaService) {
dragulaService.createGroup('PERSON', {
copy: (el, source) => {
return source.id === 'left';
},
copyItem: (person: Person) => {
return new Person(person.name);
},
accepts: (el, target, source, sibling) => {
// To avoid dragging from right to left container
return target.id !== 'left';
}
});
}
}

你可以在这里找到文档和工作示例