javascript - 单选按钮与 ng-repeat 的行为很奇怪

Question

我有这个代码来生成单选按钮列表:

                <div ng-show="user.role != 'COLLABORATEUR'">
                <div class="form-group row clearfix">
                    <label for="roleRadio" class="col-sm-3 control-label">Role</label>
                    <div class="checkbox-demo-row"  ng-repeat="role in roles">
                    <div class="input-demo radio-demo row">
                            <label class="radio-inline custom-radio nowrap">
                                <input type="radio" id="roleRadio" name="roleRadio" ng-model="user.role">
                                <span>{{role.name}}</span>
                            </label>
                        </div>
                    </div>
                 </div>
            </div>

Angular 色:[{name:"SUPERCHEF"},{name:"CHEF"},{name:"COLLABORATEUR"}]

用户 Angular 色:{ Angular 色:"SUPERCHEF"}

因此，按照日期规定，默认情况下应选择 Angular 色 SUPERCHEF 但没有选择任何按钮，当我单击任何给定按钮时，总是选择最后一个按钮，当我第二次单击时，我可以点击我想要的任何地方。

Answer 1

[编辑]设置 radio 输入的ng值:

<input type="radio" name="roleRadio" ng-model="user.role" ng-value="{{role.id}}">

并且需要设置默认值，例如:

$scope.user = {
    role: 'SUPERCHEF'
  };