angular中,ng-reprat双层循环下,radio和checkbox怎么取值?

ng-repeat中嵌套一个ng-repeat radio和checkbox怎么取值? 代码如下:

<ul class="options_box" >
    <li ng-repeat="item in ques.ques_items">
        <div ng-repeat="nums in item.ques_item_options" ng-if="item.ques_item_type==1">
            <input type="radio" class="magic-radio " ng-model="nums.option_id" >
            <label for="{{nums.option_id}}">22222</label>
        </div>
        <div ng-repeat="nums in item.ques_item_options" ng-if="item.ques_item_type==2">
            <input type="checkbox"  " class="magic-radio " ng-model="nums.option_id" >
            <label for="{{nums.option_id}}">22222</label>
        </div>
    </li>
 </ul>

怎么在双层ng-repeat情况取到input[radio]和input[checkbox]? ng-model应该怎么设置?

阅读 3.5k
2 个回答
    <ul class="options_box" >
        <li ng-repeat="item in ques.ques_items">
            <div ng-repeat="nums in item.ques_item_options" ng-if="item.ques_item_type==1">
                <input type="radio" class="magic-radio " id="{{item.ques_item_id}}{{nums.option_id}}" name="{{item.ques_item_id}}" value="{{nums.option_id}}" ng-model="result[item.ques_item_id]">
                <label for="{{item.ques_item_id}}{{nums.option_id}}" ng-bind="nums.option_label"></label>
            </div>
            <div ng-repeat="nums in item.ques_item_options" ng-if="item.ques_item_type==2">
                <input type="checkbox" class="magic-radio" id="{{item.ques_item_id}}{{nums.option_id}}" ng-model="result[item.ques_item_id][nums.option_id]">
                <label for="{{item.ques_item_id}}{{nums.option_id}}" ng-bind="nums.option_label"></label>
            </div>
        </li>
     </ul>
        $scope.result = {};

        $scope.ques = {
            ques_items: [
                {
                    ques_item_type: 1,
                    ques_item_id: 1, //问题id
                    ques_item_options: [
                        {
                            option_id: 'A',
                            option_label: '测试1'
                        },
                        {
                            option_id: 'B',
                            option_label: '测试2'
                        },    
                        {
                            option_id: 'C',
                            option_label: '测试3'
                        },  
                        {
                            option_id: 'D',
                            option_label: '测试4'
                        }
                    ]
                },
                {
                    ques_item_type: 2,
                    ques_item_id: 2,
                    ques_item_options: [
                        {
                            option_id: 'A',
                            option_label: '测试1'
                        },
                        {
                            option_id: 'B',
                            option_label: '测试2'
                        },    
                        {
                            option_id: 'C',
                            option_label: '测试3'
                        },  
                        {
                            option_id: 'D',
                            option_label: '测试4'
                        }
                    ]
                },
                {
                    ques_item_type: 2,
                    ques_item_id: 3,
                    ques_item_options: [
                        {
                            option_id: 'A',
                            option_label: '测试1'
                        },
                        {
                            option_id: 'B',
                            option_label: '测试2'
                        },    
                        {
                            option_id: 'C',
                            option_label: '测试3'
                        },  
                        {
                            option_id: 'D',
                            option_label: '测试4'
                        }
                    ]
                }
            ]
        }

result:  {"1":"D","2":{"A":true,"B":true,"C":true,"D":true},"3":{"D":false}}
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进