我们将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">
(我知道,这已经很糟糕了,我应该匹配文章)。
我已经决定Angula的方式是操作数据并有一个模板来渲染类。