一组组的单选按钮与ng重复

时间:2017-08-25 14:45:59

标签: angularjs

我有一个包含内部对象数组的对象数组,根据子对象数量,我需要根据具有一组单选按钮的父对象的数量组

这个数组是这样的:

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

有人可以帮助解决这个问题

1 个答案:

答案 0 :(得分:0)

您的所有输入都具有相同的型号。更改任何输入将更改模型,这将更新所有其他输入。每个名称需要一个模型。

这是一个小提琴:http://jsfiddle.net/wy7e98bd/

JS:

$scope.ctrl = {objectInfoData: {}}

HTML:

ng-model="ctrl.objectInfoData[object.name]"