How do you obtain data from an HTML element using AngularJS?

Question

I am currently using 1.2.x version of AngularJs and I'm trying to retrieve the data from the HTML element:

<div ng-controller="mycontroller" data-foo="bar1">
<div ng-controller="mycontroller" data-foo="bar2"></div>

I want to retrieve the values of foo and have a result of [bar1, bar2]. I thought about using $.data(), but want to avoid that. The controller mycontroller is repeated on purpose and is not a mistake. Any advice on how to retrieve the data in the HTML element?

Artem Petrosian · Accepted Answer · 2014-06-11 19:20:01Z

2

You can access data attributes within your controller:

app.controller('mycontroller', function ($scope, $attrs) {
    console.log($attrs.foo);
});

Fiddle

edited Jun 11, 2014 at 19:20

answered Jun 11, 2014 at 19:14

Artem Petrosian

2,9541 gold badge24 silver badges30 bronze badges

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

Collectives™ on Stack Overflow

How do you obtain data from an HTML element using 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