Angular 2 - Jquery | 使用鼠标位置添加样式(顶部/左侧)

Question

我正在寻找一种方法在Angular 2中的特定位置添加div组件(鼠标事件x/y).

https://jsfiddle.net/lennartquerter/w2c7uqw6/

this.xPos = xPos;
this.yPos = yPos;

我将这个职位转到我的拒绝课程,但我不知道如何制作它的样式？我检查了角度文档,但我只能设置布尔值和固定的css值/类.我想做这样的事情:

[style]="rejectPosition"

this.rejectPosition = "left: " + this.xPos + "px ; top: " + this.yPos + "px;"

但它不可能.是否有Angular 2方法可以做到这一点？

我找到了一种方法来做到这一点,没有拒绝组件,它只是用jQuery内联它的样式,但我不喜欢这种方法.

Answer 1

[style.left.px]="xPos" [style.top.px]="yPos"