Инициализация рь с ввода радио в Angularjs

Question

У меня есть несколько категорий (поведение ...) и одна категория имеет несколько критериев (связь ...):

{ 
    "behavior": [ "communication", "autonomy", "creativity" ], 
    ... 
} 

Я хочу, чтобы создать одну группу радиостанций для каждого критерия ,
Поэтому я использую две вложенные петли (ng-repeat) для создания всех переключателей.

<input type="radio" name="{{key}}_{{item}}" value="0" data-ng-model="record[key][item]" /> good 

См. jsfiddle.

Я пытаюсь инициализировать все переключатели, но безуспешно.
Мои три кнопки должны быть проверены, но нет.

Это та же проблема, чем: Arrays of strings not being handled properly within ng-repeat

Я не понимаю ...

Answer 1

Вот решение, вы не можете иметь одну форму в два ng-repeat вам нужно использовать две различные формы для двух ng-repeat, один был бы innerForm, а другой был бы outerForm, &, тогда было бы n число innerForm внутри outerForm.

HTML

<div ng-controller="MyCtrl"> 
    <div data-ng-repeat="(key, array) in list">{{ key }} : 
     <ng-form name="outerForm"> 
      <div data-ng-repeat="item in array">{{ item }} : 
       <ng-form name="innerForm"> 
        <input type="radio" name="radioInput" value="0" 
        data-ng-model="record[$parent.key][item]" />good 
        <input type="radio" name="radioInput" value="1" 
        data-ng-model="record[$parent.key][item]" />bad 
       </ng-form> 
      </div> 
     </ng-form> 
    </div> 
    <hr/>all : {{ record | json }} 
</div> 

Working Fiddle