如何观察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";
}