Css Angular 2-Jquery |使用鼠标位置添加样式(上/左)

Css Angular 2-Jquery |使用鼠标位置添加样式(上/左),css,dynamic,typescript,angular,styles,Css,Dynamic,Typescript,Angular,Styles,我正在寻找一种在Angular 2中特定位置(鼠标事件x/y)添加div组件的方法 我把这个职位传给了我的班级,但我不知道如何利用它来创造风格?我检查了angular文档,但我只能设置布尔值和固定css值/类。我想这样做: [style]=“rejectPosition” this.rejectPosition=“left:+this.xPos+”px;top:+this.yPos+”px;“ 但这是不可能的。 有没有办法做到这一点 我找到了一种不使用reject组件的方法,即使用jQuery

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

我把这个职位传给了我的班级,但我不知道如何利用它来创造风格?我检查了angular文档,但我只能设置布尔值和固定css值/类。我想这样做:

[style]=“rejectPosition”

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

但这是不可能的。 有没有办法做到这一点


我找到了一种不使用reject组件的方法,即使用jQuery内联设置样式,但我不喜欢这种方法

好像什么都没做。哦,不!我不得不将其更改为style.top.px=“reject.xPos”!或者[style.left.%]如果您想使用百分比,我还没有尝试过,但我想所有的单位都像
em
vh
。。。支持。您好,我已经试过了。它在Chrome和firefox中工作,但在IE11中不工作
[style.left.px]="xPos" [style.top.px]="yPos"
[style.left.px]="xPos" [style.top.px]="yPos"