在Angularjs中使用输入无线电初始化pb

时间:2015-03-27 13:35:28

标签: angularjs radio-button

我有几个类别(行为......),一个类别有几个标准(通信......):

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

我不明白......

1 个答案:

答案 0 :(得分:0)

以下是解决方案,您不能在两个ng-repeat中使用单个表单,您需要为两个ng-repeat使用两个不同的表单,一个将是innerForm而另一个将是outerForm innerForm,&amp;那么outerForm内会有<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> 个。{/ p>

<强> HTML

{{1}}

Working Fiddle