Uzyskiwanie atrybutu elementu w funkcji ng-click w angularjs

Question

Mam taki znacznik zakresu jak poniżej, który wywołuje funkcję w kontrolerze po kliknięciu.

HTML

<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> 

Controller

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

Potrzebuję uzyskać wartość w atrybucie danych w funkcji regulatora. Próbowałem użyć tego słowa kluczowego i zdarzenia $; żaden z nich nie działał.

Proszę o pomoc.

Answer 1

Spróbuj przekazując go bezpośrednio do funkcji ng-click:

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

to powinno być dostępne w danym obsługi:

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

Oto an example

Answer 2

Jeszcze bardziej proste, przekazać $event obiekt do ng-click, aby uzyskać dostęp do właściwości wydarzenia. Jako przykład:

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

W ramach swojej funkcji clickEvent() = function(obj) {} można uzyskać dostęp do wartości data tak:

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

Które wrócą exampleData.

Oto full jsFiddle.

Answer 3

Dodawanie do odpowiedzi Brett DeWoody: (która jest aktualizowana teraz)

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

działa dobrze w IE (9+) i Chrome, Firefox, ale nie zna własności srcElement. znalazłem:

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

Pracuje w IE, Chrome i FF, nie przetestować Safari.