angularJS - div

Question

में माउसक्लिक से एक्स और वाई पद प्राप्त करना मैंने एक ऐसा फ़ंक्शन बनाया है जिस पर मैंने एक div के अंदर क्लिक की गई स्थिति पर कोई आइटम जोड़ना चाहिए। अब इस फ़ंक्शन के साथ समस्या है, हर बार जब मैं क्लिक करता हूं, तो यह x & दस्तावेज़ की स्थिति लेता है, न कि div के अंदर x & y स्थिति। तो मैं वास्तव में क्या चाहता हूं, यह है कि मेरे div के शीर्ष बाएं कोने को x = 0 & y = 0 देना चाहिए, लेकिन मुझे नहीं पता कि यह संभव है या नहीं? और मुझे लगता है कि वहाँ एक और तरीका यह करने के लिए है ..

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

Answer 1

आप event.offsetY

को event.offsetX और event.y को event.x बदलने की जरूरत है आप टेम्पलेट परिभाषा में नहीं जोड़ा था लेकिन मैं इसे सिर्फ में जोड़ देंगे मामला:

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

Answer 2

जो खींच लाइब्रेरी का उपयोग कर रहे हैं और तत्व की स्थिति है कि घसीटा गया था चाहते कोणीय पर उन लोगों के लिए:

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

और नियंत्रक

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

}