0

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">

(私は知っています、これはすでに悪いです、私は記事を一致させる必要があります)。

4

1 に答える 1