我有一个包含内部对象数组的对象数组,根据子对象数量,我需要根据具有一组单选按钮的父对象的数量组
这个数组是这样的:
ctrl.objects = [
{
name: "name",
numbers: [
{
"id": 0,
"number": 1
},
{
"id": 1,
"number": 2
},
{
"id": 2,
"number": 3
},
],
"age": "20"
},
{
name: "name1",
numbers: [
{
"id": 0,
"number": 10
},
{
"id": 1,
"number": 20
},
{
"id": 2,
"number": 30
},
],
"age": "25"
},
];
还有一个模板
<div ng-repeat="object in ctrl.objects">
<fieldset>
<legend>{{object.name}}</legend>
<div ng-repeat="objectInfo in object.numbers">
<div class="nxn-radio">
<input type="radio"
value="{{objectInfo.number}}"
id="{{objectInfo.number}}"
name="{{object.name}}"
ng-model="ctrl.objectInfoData">
<label for="{{objectInfo.number}}">
<strong>{{objectInfo.number}}</strong>
</label>
</div>
</div>
</fieldset>
</div>
最后我有2组,每组有3个无线电,但所有无线电都在一组(我可以从6个变体中选择1个,但前3个无线电需要1个,后3个无线电需要1个)
最后我需要一组选定数字的ID =&gt;选择1和20的[&#39; 0&#39;,&#39; 1&#39;]
有人可以帮助解决这个问题
答案 0 :(得分:0)
您的所有输入都具有相同的型号。更改任何输入将更改模型,这将更新所有其他输入。每个名称需要一个模型。
这是一个小提琴:http://jsfiddle.net/wy7e98bd/
JS:
$scope.ctrl = {objectInfoData: {}}
HTML:
ng-model="ctrl.objectInfoData[object.name]"