2016-01-31 5 views
1

Я боролся с этим в течение нескольких часов и не знаю, почему я получаю такое поведение.Работа с радиокнопками с ng-repeat - AngularJS

У меня есть radio input, который повторяется с использованием ng-repeat, когда я нажимаю на одну radio кнопку и щелкните на другом radio кнопки они оба остаться selected .. Я не использую ng-repeat на input скорее div обертывание вход

<div class="group-items"> 
    <div ng-repeat="item in ngDialogData.menu_modifier_groups[0].menu_modifier_items" class="modifier-item"> 
     <label for="<%item.menu_modifier_group.id + '_' + item.id%>" ng-click="modifierClicked(item)"> 
      <input id="<%item.menu_modifier_group.id + '_' + item.id%>" 
        class="radio-branded" 
        type="radio" 
        name="<%item.name%>" 
        ng-model="item.selected" 
        title="<%item.name%>" 
        value="<%item.id%>" 
        ng-class="{'not-available': !item.available, 'show-ie': false}"> 
      <span class="checkbox"></span> 
      <span class="item-name"> 
       <span ng-bind="item.name"></span> 
       <span ng-bind="priceDelta(modifier, item)"></span> 
      </span> 
     </label> 
    </div> 
</div> 

Почему два radio кнопки оставаться выбрана .. Любое руководство оценило

+0

Потому что у них разные имена. – dfsq

ответ

0

радио кнопки, которые являются частью одной и тех же групп должны иметь Сэм e имя. Вы назначаете имя, которое поступает из item.name. Если это не так, переключатели будут действовать как отдельные группы переключателей.

Смежные вопросы