AngularJS使用$ scope变量更改单选按钮的选中值

时间:2015-11-26 10:36:28

标签: angularjs

我正在编辑用户表单。我使用$scope对象将数据从控制器发送到编辑视图以进行编辑。数据如下所示:

        $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>

当编辑表单得到{{changeUser.action}}时,我必须相应地检查单选按钮。与action=='no'时一样,应该自动检查名称为no的单选按钮,就像我们在html中使用checked value=no一样。我必须写出看到行动价值的ng-if条件。

1 个答案:

答案 0 :(得分:1)

您遗失了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> 数组的索引。

group()

<强> See the Plnkr