angular2の変化を見るには？

Question

私はいくつかのイベントに変更属性を設定したい：

<div [style.left]="posLeft"></div> 

とイベント：

onMouseMove(event) { 
    this.posLeft = event.clientX; 
} 

MouseMoveイベントが起動されますが、[style.left]が更新されませんが。

Answer 1

問題は、style.leftには数字だけでなく「23px」のようなものが必要だということでした。

[style.left]="getPos()" 

とJS：より良い

getPos() { 
    return this.posLeft + "px"; 
}