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

再びドラクラの名誉は、とても素敵で簡単なリボンです！