我有一个列表,用于将元素从其中拖放到另一个列表中。
有没有办法在源列表中保留拖动的元素后将其拖动到另一个列表?
准确地说,我希望元素在从一个列表拖放到另一个列表后出现在两个列表中。
我怎样才能做到这一点?
我有一个列表,用于将元素从其中拖放到另一个列表中。
有没有办法在源列表中保留拖动的元素后将其拖动到另一个列表?
准确地说,我希望元素在从一个列表拖放到另一个列表后出现在两个列表中。
我怎样才能做到这一点?
如果您将复制与 [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';
}
});
}
}
您可以在此处找到文档和工作示例