@if (targetPosition(); as position) {
X = {{ position.x }}
Y = {{ position.y }}
}
Nutze RxJS, um die rote Box mit Drag-and-drop zu bewegen.
- Die Methode
setTargetPosition(e: MouseEvent)
ändert die Position der Box.
- Nutze die Observables
mouseMove$
, mouseDown$
und mouseUp$
in einer geeigneten Kombination.
- Beginne damit, dass die Box am Mauszeiger klebt.
- Sorge dann dafür, dass dieser Prozess erst beim Klick (
mouseDown$
) beginnt.
- Beende den Prozess, sobald
mouseUp$
feuert.