Dragula中的高亮目標容器

Question

我正在使用Dragula包來實現我的Angular 2項目中的拖放操作。它工作正常。非常容易使用捆綁的功能。

https://github.com/valor-software/ng2-dragula

但我想強調的目標容器中強調，未來下降的位置。有沒有簡單的方法來做到這一點？我知道JavaScript支持這一點，所以我只是假設它也會暴露在Dragula中，但我到目前爲止還沒有發現它。

Answer 1

它是那麼容易，我都不好意思了:)

它只是使用提供了進出事件的問題。 在我的自定義CSS類「possibleTargetContainer」中定義了所需的設計。

dragulaService.over.subscribe((value) => { this.onOver(value.slice(1)); }); 
dragulaService.out.subscribe((value) => { this.onOut(value.slice(1)); }); 

private onOver(args) { 
    let [el, target, source] = args; 
    target.classList.add("possibleTargetContainer"); 
} 

private onOut(args) { 
    let [el, target, source] = args; 
    target.classList.remove("possibleTargetContainer"); 
} 

再次讚揚Dragula是一個非常好的和簡單的庫！