AngularJS radio button issue

Question

I have the following in a jade file

....
input(id='prefChangeY', type='radio', ng-value='Yes', ng-model='form.prefChange', name='prefChange', on-focus="fieldInfo='Select yes to change your pref'")
.....
input(id='prefChangeN', type='radio', ng-value='No', ng-model='form.prefChange', name='prefChange', on-focus="fieldInfo='Select no to change your pref'")
.....

In the controller I have the following code

$scope.form.prefChange = 'No';

Unfortunately, I am unable to get the No radio button to be selected by default.

Any assistance will be much appreciated.

Melroy

zs2020 · Accepted Answer · 2013-09-30 21:02:59Z

2

Use value instead of ng-value. Check the doc.

value='Yes'
value='No'

Demo: http://jsfiddle.net/LNWNz/

answered Sep 30, 2013 at 21:02

zs2020

54.7k30 gold badges157 silver badges223 bronze badges

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

Comments

Juliane Holzt · Accepted Answer · 2013-09-30 20:59:22Z

1

The attribute for the value when selected is not ng-value but simply value.

See http://docs.angularjs.org/api/ng.directive:input.radio

<input type="radio"
   ng-model="{string}"
   value="{string}"
   [name="{string}"]
   [ng-change="{string}"]>

answered Sep 30, 2013 at 20:59

Juliane Holzt

2,14515 silver badges14 bronze badges

1 Comment

Juliane Holzt Over a year ago

To be fair: sza actually answered this correctly first. I first gave a wrong answer because I misread the question and then deleted, edited and undeleted it. sza was a little faster with his answer then. So the answer by sza should be "Accepted" in my opinion.

Collectives™ on Stack Overflow

AngularJS radio button issue

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