How to set the HTML attribute using an angular variable?

Question

  <div class="radio-inline" ng-repeat="customerOption in customerOptions">
       <input type="radio" name="customer" ng-change="getCustomers(customerType)" ng-model="customerType" ng-value="customerOption.Key" ng-checked="customerOption.Checked" />{{customerOption.Value}}
  </div>

This doesn't seem to do anything:

 ng-attr-id="{{customerOption.Value}}"

or:

 ng-attr-id="customerOption.Value"

or:

 id="customerOption.Value"

These puts exactly that line in the html

@BenjaminGruenbaum I am trying to pre-select one of the radio buttons. — Robert
– Robert, Commented Dec 15, 2014 at 13:53
I guess that you might have a good reason... try ng-attr-id="{{customerOption.Value}}" although there are few good reasons to do this. — Benjamin Gruenbaum
– Benjamin Gruenbaum, Commented Dec 15, 2014 at 13:54
@BenjaminGruenbaum I am trying to pre-select one of the radio buttons. -- you don't need an ID to do it, use ng-model that's hooked to the radio button — maurycy
– maurycy, Commented Dec 15, 2014 at 13:57

maurycy · Accepted Answer · 2014-12-15 14:05:37Z

2

That's a quick plunker to show use of ng-model for default radio

http://plnkr.co/edit/F3M2fzLaYYrIwQdtuwHT?p=preview

app.controller('MainCtrl', function($scope) {
  $scope.gender = 'female';
});

<body ng-controller="MainCtrl">
  <input type="radio" name="sex" value="male" ng-model="gender">Male
  <br>
  <input type="radio" name="sex" value="female" ng-model="gender">Female
</body>

answered Dec 15, 2014 at 14:05

maurycy

8,4201 gold badge30 silver badges44 bronze badges

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

2 Comments

Robert Over a year ago

I am looping through the customerOptions array. How would I access the specific one that I want to set?

maurycy Over a year ago

You only needs to set the model to correct value, i've in my example 2 values [male, female] so I've set $scope.gener which is a model for both radios to correct string value

Collectives™ on Stack Overflow

How to set the HTML attribute using an angular variable?

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related