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

时间:2017-01-09 17:13:07

标签: angular dragula ng2-dragula

我们在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">

(我知道,这已经不好了,我应该与文章相符)。

1 个答案:

答案 0 :(得分:0)

我已经确定Angula的方式是操纵数据并使用模板渲染类。