CODEWITHSUNDEEP
angularjs
Ramesh KC
Ramesh KC

Reputation: 582

AngularJS Change Checked Value of Radio Button Using $scope variable

I am editing User Form. I send the data from controller to the edit view using $scope object for editing form. The data is look like this:

        $scope.changeUser = [

          {

                id: 1,
                username: 'Ramesh',
                password: 'Ramesh1@23',
                role: 'admin',
                active: 'no'
            }
    ];
       <div class="form-group">
                        <label class="control-label col-md-3">Action</label>
                        <div class="col-md-4">
                            <div class="radio-list">
                                <label class="radio-inline">
                                    <input type="radio" name="optionsRadios2"  data-ng-model="changeUser.active"  value="yes"/>
                                    Yes
                                </label>
                                <label class="radio-inline">
                                    <input type="radio" name="optionsRadios2" data-ng-model="changerUser.active" value="no"/>
                                    No
                                </label>
                            </div>
                        </div>

                    </div>

When edit form get {{changeUser.action}} than, I have to checked the radio button accordingly. As like when action=='no' the radio button with name no should be automatically checked as we did using checked value=no in the html. I have to write the ng-if conditions seeing the action value.

Upvotes: 0

Views: 674

Answers (1)

Vivek
Vivek

Reputation: 13228

You are missing the index of changeUser array in your ng-model.

    <div class="form-group">
        <label class="control-label col-md-3">Action</label>
        <div class="col-md-4">
            <div class="radio-list">
                <label class="radio-inline">
                    <input type="radio" name="optionsRadios2" data-ng-model="changeUser[0].active" value="yes" />
                    Yes
                </label>
                <label class="radio-inline">
                    <input type="radio" name="optionsRadios2" data-ng-model="changeUser[0].active" value="no" />
                    No
                </label>
            </div>
        </div>    
    </div>

See the Plnkr

Upvotes: 1

Related Questions