How to get an attribute 's value in AngularJS

Question

I'm beginner with angular, and I don't know how to get an attribute 's value. As exemple, I have a button with a value attribute, and I'would like to get that value to play with, when I call a function, in this case the function changeArea, here is the code.

In this case I want to get the value of the value attribute which is 0. But I have no idea on the way I can access it.

<button class="btn btn-{{ (gesture.area_id == '0') && 'primary' || 'default' }}" 
    type="button" 
    value="0" 
    ng-click="changeArea(gesture.area_id,gesture.id)">
</button>

EDIT:

Let'say I have several buttons and I need them to have a unique value. Can I do something like that to the others value attribute: {{myButtonValue+1}} and then for the other {{myButtonValue+2}} and so on ? Sorry, I can't test it at the moment, that's why I ask.

jhays · Accepted Answer · 2014-04-24 18:03:49Z

1

When you do ng-click you can pass the click event $event to your function.

<button class="btn btn-{{ (gesture.area_id == '0') && 'primary' || 'default' }}" 
    type="button" 
    value="0" 
    ng-click="changeArea(gesture.area_id,gesture.id,$event)">
</button>

Then in your $scope.changeArea you can do this:

$scope.changeArea = function (param1, param2, e)

From there you should be able to grab the elements values.

https://docs.angularjs.org/guide/expression#-event-

edited Apr 24, 2014 at 18:03

answered Apr 24, 2014 at 17:52

jhays

765 bronze badges

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

Comments

tymeJV · Accepted Answer · 2014-04-24 16:14:31Z

0

Set it to a $scope variable and use that:

<button value="{{myButtonValue}}"

And then you can do:

$scope.myButtonValue = 3; //or whatever

answered Apr 24, 2014 at 16:14

tymeJV

105k14 gold badges165 silver badges158 bronze badges

1 Comment

Azuk Over a year ago

Let'say I have several buttons and I need them to have a unique value. Can I do something like that to the others value attribute: {{myButtonValue+1}} and then for the other {{myButtonValue+2}} and so on ? Sorry, I can't test it at the moment, that's why I ask.

Collectives™ on Stack Overflow

How to get an attribute 's value in AngularJS

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related