angularJS - ottenendo posizioni x & y da mouseclick in div

Question

Ho creato una funzione che dovrebbe aggiungere un elemento nella posizione in cui ho fatto clic all'interno di un div. Ora il problema con questa funzione è che, ogni volta che clicco, prende la posizione x & y del documento, non la posizione x & y all'interno del div. Quindi quello che voglio veramente è che l'angolo in alto a sinistra del mio div dovrebbe dare x = 0 & y = 0, ma non so se questo è possibile? E credo che c'è un altro modo per fare questo ..

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

Answer 1

È necessario modificare event.x-event.offsetX e event.y-event.offsetY

non è stato aggiunto alla definizione del modello, ma io aggiungo solo in caso:

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

Answer 2

Per coloro che su angolare che utilizzano le librerie trascinando e vogliono la posizione dell'elemento che è stato trascinato:

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

e nel controller

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

}