css - Angular 2 - Jquery | Lägga till stilar (topp/vänster) med en musposition

Jag letar efter ett sätt att lägga till en div-komponent i Angular 2 på en specifik plats (mus-händelse x/y).

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

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

Jag skickar positionen till min reject-klass, men jag vet inte hur jag ska göra stilar av det? Jag kollade Angular-dokumentationen men jag kan bara sätta booleaner och fasta CSS-värden/klasser. Jag skulle vilja göra något liknande detta:

[style]="rejectPosition"

this.rejectPosition="vänster: " + this.xPos + "px ; topp: " + this.yPos + "px;"

Men det är inte möjligt. Finns det ett Angular 2-sätt att göra detta?

Jag hittade ett sätt att göra det utan reject-komponenten, som bara stylar det direkt med jQuery, men jag gillar inte detta tillvägagångssätt.

Svar #1

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