AngularJS можно нажимать все радиокнопки - PullRequest
Новая
       12

AngularJS можно нажимать все радиокнопки

0 голосов
/ 10 мая 2019

Я создаю список выбора переключателей, но проблема в том, что при нажатии они оба остаются выбранными, поэтому вообще не работают как группа переключателей.

У меня одна и та же ng-модель (строка; 'модель') и ng-change для всех из них, но идентификатор другой. 

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

enter image description here

Некоторое время боролся с этим, не вижу, что я пропустил.

Ответы [ 2 ]

2 голосов
/ 10 мая 2019

Попробуйте назначить атрибут имени вашей радиокнопке.Наименование группы переключателя.Например: 

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

Теперь только один выбран за один раз.

1 голос
/ 11 мая 2019

Радиокнопка будет работать как группа, если вы назначите свойство имени этим радиокнопкам. Я тоже столкнулся с этой проблемой, потом понял свою ошибку. 

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