NG2-dragulaスタイルのオリジナル要素

Question

をコピーするときに我々はng2-dragulaで設定copy: trueを使用している：

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]); 
    } 
}); 

用いて、我々は、元の要素を見つけることができますし、我々はそれにtransparancyを適用することができ、ビットこれはひどく間違っているようだ：ドラッグ可能な要素は、（自然）データアレイから来る、ドラッグ見つける方法があります要素のインデックスは、私たちは

dragulaService.cloned.subscribe((index) => { 
    this.draggedElement = index; 
}); 

と

<li *ngFor="let article of articles; let i = index" 
    [class.original-dragged-element]="draggedElement === i"> 

（私が知っている、これはすでに悪いです、私は記事と一致する必要があります）のような何かを行うことができます。

Answer 1

私は、アンギュラの方法はデータを操作し、テンプレートを持ってクラスをレンダリングすることだと決めました。