एंजुलरज

Question

में एनजी-क्लिक फ़ंक्शन में तत्व की विशेषता प्राप्त करना मेरे पास एक स्पैन टैग है जो क्लिक करते समय नियंत्रक में फ़ंक्शन को कॉल करता है।

एचटीएमएल

<div class="row" ng-repeat="event in events"> 
    <div class="col-lg-1 text-center"> 
     <span class="glyphicon glyphicon-trash" data={{event.id}} ng-click="deleteEvent()"> 
     </span> 
    </div> 
</div> 

नियंत्रक

$scope.deleteEvent=function(){ 
    console.log(this); 
} 

मैं नियंत्रक समारोह में डेटा विशेषता में मान प्राप्त करने की आवश्यकता। मैंने इस कीवर्ड और $ घटना का उपयोग करने की कोशिश की; न तो कोई काम किया।

कृपया मदद करें।

Answer 1

एनजी क्लिक समारोह को सीधे इसे पारित प्रयास करें:

<div class="col-lg-1 text-center"> 
    <span class="glyphicon glyphicon-trash" data="{{event.id}}" 
      ng-click="deleteEvent(event.id)"></span> 
</div> 

तो यह आपके हैंडलर में उपलब्ध होना चाहिए:

$scope.deleteEvent=function(idPassedFromNgClick){ 
    console.log(idPassedFromNgClick); 
} 

यहाँ an example

Answer 2

इससे भी अधिक सरल, को भेज देते हैं घटना गुणों तक पहुंचने के लिए $event ऑब्जेक्ट ng-click पर ऑब्जेक्ट करें। एक उदाहरण के रूप:

<a ng-click="clickEvent($event)" class="exampleClass" id="exampleID" data="exampleData" href="">Click Me</a> 

अपने clickEvent() = function(obj) {} समारोह के भीतर आप इस तरह data मूल्य पहुँच सकते हैं:

var dataValue = obj.target.attributes.data.value; 

कौन सा exampleData लौट आते हैं।

यहां एक full jsFiddle है।

Answer 3

ब्रेट DEWOODY का जवाब देने के लिए अतिरिक्त: (अब अद्यतन किया जाता है जो) IE में

var dataValue = obj.srcElement.attributes.data.nodeValue; 

वर्क्स ठीक (9+) और क्रोम, बल्कि Firefox srcElement संपत्ति नहीं जानता है। मैंने पाया:

आईई, क्रोम और एफएफ में

var dataValue = obj.currentTarget.attributes.data.nodeValue; 

काम करता है, मैं सफारी का परीक्षण नहीं किया।