css - Angular 2 - Jquery | Legge til stiler (topp/venstre) med en museposisjon

Jeg leter etter en måte å legge til en div-komponent i Angular 2 på et bestemt sted (musehendelse x/y).

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

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

jeg sender posisjonen inn i reject-klassen min, men jeg vet ikke hvordan jeg kan lage stiler ut av den? Jeg sjekket Angular-dokumentasjonen, men jeg kan bare sette boolske verdier og faste CSS-verdier/klasser. Jeg skulle ønske jeg kunne gjøre noe slik:

[style]="rejectPosition"

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

Men det er ikke mulig. Finnes det en Angular 2-måte å gjøre dette på?

Jeg fant en måte å gjøre det på uten reject-komponenten, som bare styler det inline med jQuery, men jeg liker ikke denne tilnærmingen.

Svar #1

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