复制时的 ng2-dragula 样式原始元素

Question

我们使用 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">

（我知道，这已经很糟糕了，我应该匹配文章）。

Answer 1

我决定 Angula 方法是操作数据并让模板渲染类。

复制时的 ng2-dragula 样式原始元素

ng2-dragula style original element when copying

dragula

ng2-dragula

angular