Angular 2 - Jquery | Hinzufügen von Stilen (oben/links) mit einer Mausposition

Question

Ich suche nach einer Möglichkeit, eine Div-Komponente in Angular 2 an einer bestimmten Stelle (Mausereignis x/y) hinzuzufügen.

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

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

i passieren die Position in meine ablehnen Klasse, aber ich weiß nicht, wie Arten aus ihm zu machen? Ich habe eckige Dokumente geprüft, aber ich kann nur boolesche und feste CSS-Werte/Klassen setzen. Ich möchte so etwas wie dies tun:

[style]="rejectPosition"

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

Aber es ist nicht möglich. Gibt es eine Angular 2 Möglichkeit, dies zu tun?

Ich habe einen Weg gefunden, es ohne die Zurückweisungskomponente zu tun, die es nur inline mit jQuery formatiert, aber ich mag diesen Ansatz nicht.

Answer 1

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