AngularJS可以单击所有单选按钮

Question

我创建了一个单选按钮选择的列表，但是问题在于，当单击它们时，它们都保持选中状态，因此根本无法用作单选按钮组。

我所有的人都有相同的ng-model（字符串；“ model”）和ng-change，但是id不同。

 <div class="radio-button" 
         ng-show="vm.forAdmins" 
         ng-repeat="role in vm.adminRoleDefinitions">

        <input id="{{role.name}}" type="radio"
               ng-model="role.model"
               ng-change="vm.stateChanged(role.name, role.active)" >
         {{role.name}}
    </div>

现在已经为此奋斗了一段时间，看不到我错过的一切。

Answer 1

尝试为单选按钮分配名称属性。名称将单选按钮分组。例如：

<input type="radio" name="someRadio" id="radioOne" />
<input type="radio" name="someRadio" id="radioTwo" />

现在一次只能选择一个。

Answer 2

如果将名称属性分配给这些单选按钮，则单选按钮将作为一个组工作。我也面临这个问题，然后我意识到自己的错误。

<div class="radio-button" ng-show="vm.forAdmins" ng-repeat="role in vm.adminRoleDefinitions">    
            <input id="{{role.name}}" type="radio"
                   ng-model="role.model"
                   ng-change="vm.stateChanged(role.name, role.active)"
                   name="roles" >
             {{role.name}}
</div>