どのように使用するクラスCSS angular2

Question

http://akserg.github.io/ng2-webpack-demo/#/dnd のドラッグのdragOver dropOverが、これはangular2 を使用して、このドラッグ&ドロップのためのデモですので、どのように私はこのゾーンがドロップ可能なゾーン

であることを示すために、私のクラスのCSSに影響を与えることができるときNG2-DND

これはどのように私はこのラインに私のクラスに影響を与える可能性がgithubのソースプロジェクトからのコードの一部

_onDragEnterCallback(event: MouseEvent) { 
    if (this._dragDropService.isDragged) { 
     this._elem.classList.add(this._config.onDragEnterClass); 
     this.onDragEnter.emit({dragData: this._dragDropService.dragData, mouseEvent: event}); 
    } 
} 

です

Answer 1

あなたはonDragEnterイベントを発行しているので、購読する必要があります。例えば

：

<div dnd-draggable 
    [dragEnabled]="true" 
    [dropZones]="['zone1']" 
    (onDragEnter)="myEventHandler($event)"> 

その後myEventHandler()の内側に、あなたがやりたいことができます。

ところで、あなたはまた、任意のメソッドを追加することなく、このようなものを使用することができます

<div dnd-draggable 
    [class.highlighted]="highlightMe" 
    [dragEnabled]="true" 
    [dropZones]="['zone1']" 
    (onDragEnter)="highlightMe=true" 
    (onDragLeave)="highlightMe=false">