NG2-dragula Stil ursprüngliches Element beim Kopieren

Question

Wir verwenden die copy: true Einstellung mit ng2-dragula:

constructor(private dragulaService: DragulaService) { 
    dragulaService.setOptions('group-body-bag', { 
     copy: true, 
     copySortSource: true 
    }); 
} 

Jetzt wollen wir das ursprüngliche Element ausgeblendet (die eine, die in der Liste sitzt immer noch, während wir sind ziehen) mit etwas wie opacity: 0.3. Wie können wir das machen? Mit

dragulaService.cloned.subscribe((value) => { 
    if (value && value.length && value.length === 4 && value[3] === 'copy') { 
     this.onDragCopy(value[1]); 
    } 
}); 

wir das ursprüngliche Element finden und wir konnten eine transparancy es, etwas scheint schrecklich falsch anwenden: Die ziehbar Elemente (natürlich) kommen aus einem Datenarray, ist es eine Möglichkeit, die geschleppt zu finden Element-Index, so dass wir so etwas wie

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

und

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

(ich weiß, das schon schlecht ist, sollte ich Artikel entsprechen) tun.

Answer 1

Ich habe beschlossen, dass die Angula-Methode Daten zu manipulieren ist und eine Vorlage die Klassen rendern lässt.