javascript - obtener - ngvalue angular js

angularJS-obteniendo posiciones x y y desde mouseclick en div

Question

Hice una función que debería agregar un elemento en la posición en la que hice clic dentro de un div. Ahora el problema con esta función es que, cada vez que hago clic, toma la posición X e Y del documento, no la posición x e y dentro de div. Entonces, ¿qué es lo que realmente quiero, es que la esquina superior izquierda de mi div debería dar x = 0 yy = 0, pero no sé si esto es posible? Y creo que hay otra manera de hacer esto ...

$scope.addOnClick = function(event) {
$scope.items.push( {
"label": "Click",
"value": 100,
"x": event.x-50,
"y": event.y-50,
})
}

Answer 1

Necesita cambiar event.x a event.offsetX y event.y a event.offsetY

No agregó la definición de la plantilla, pero la agregaré por si acaso:

<div ng-click="addOnClick($event)"></div>

Answer 2

Para aquellos en angular que usan bibliotecas de arrastre y quieren la posición del elemento que se arrastró:

<div ng-click="OnDrag($event)"></div>

y en el controlador

$scope.onDrag($event){
console.log("X ->",$event.originalEvent.pageX,"Y ->",$event.originalEvent.pageY)
}