我们在copy: true
使用ng2-dragula
设置:
constructor(private dragulaService: DragulaService) {
dragulaService.setOptions('group-body-bag', {
copy: true,
copySortSource: true
});
}
现在我们希望淡出原始元素(我们拖动时仍然位于列表中的元素),类似opacity: 0.3
。我们怎么做?使用
dragulaService.cloned.subscribe((value) => {
if (value && value.length && value.length === 4 && value[3] === 'copy') {
this.onDragCopy(value[1]);
}
});
我们可以找到原始元素,我们可以对它应用透明度,这看起来非常错误:可拖动元素(自然地)来自数据数组,有没有办法找到拖动元素的索引,所以我们可以做点什么
dragulaService.cloned.subscribe((index) => {
this.draggedElement = index;
});
和
<li *ngFor="let article of articles; let i = index"
[class.original-dragged-element]="draggedElement === i">
(我知道,这已经不好了,我应该与文章相符)。
答案 0 :(得分:0)
我已经确定Angula的方式是操纵数据并使用模板渲染类。