Accessing data attribute in angularjs

Question

I am trying to access html data attribute within my angular controller but keep getting 'null' returned even though the attribute is actually set dynamically in the html: here is the code:

<button class="btn" ng-data-stuff="{{psn._id}}" ng-click="person.doStuff($event.target)">
   Follow
</button>

self.doStuff = function (e) {
    $window.alert(e.attributes('data-stuff'))
}

<button class="btn" ng-data-stuff="{{psn._id}}" ng-click="person.doStuff($event.target)">Follow </button> — yaxx
– yaxx, Commented Jan 3, 2018 at 2:23

Sajeetharan · Accepted Answer · 2018-01-03 02:27:02Z

1

There is nothing named ng-data-stuff attribute in a button, instead you can directly pass the psn value to the button function as follows,

<button class="btn" ng-click="person.doStuff(psn)">Follow </button>

and inside the function,

self.doStuff = function (e) {
 $window.alert(e._id);
)

answered Jan 3, 2018 at 2:27

Sajeetharan

223k65 gold badges370 silver badges409 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Accessing data attribute in angularjs

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related