AngularJS - get element attributes values

Question

How do you get an element attribute value?

e.g. HTML element:

<button data-id="345" ng-click="doStuff($element.target)">Button</button> 

JS:

function doStuff(item){     angular.element(item)[0].data('id'); // undefined is not a function } 

Any suggestions much appreciated, JSFIDDLE demo here:http://jsfiddle.net/h3TFy/

Answer 1

Since you are sending the target element to your function, you could do this to get the id:

function doStuff(item){     var id = item.attributes['data-id'].value; // 345 } 

Answer 2

You just can use doStuff($event) in your markup and get the data-attribute values via currentTarget.getAttribute("data-id")) in angular. HTML:

<div ng-controller="TestCtrl">     <button data-id="345" ng-click="doStuff($event)">Button</button> </div> 

JS:

var app = angular.module("app", []); app.controller("TestCtrl", function ($scope) {     $scope.doStuff = function (item) {         console.log(item.currentTarget);         console.log(item.currentTarget.getAttribute("data-id"));     }; }); 

Forked your initial jsfiddle: http://jsfiddle.net/9mmd1zht/116/