angular.js - angular中，ng-reprat双层循环下，radio和checkbox怎么取值？-PHP中文网问答

文章专题 AI工具学习下载问答源码最近更新

PHP

会员中心讲师中心微信公众号

angular.js - angular中，ng-reprat双层循环下，radio和checkbox怎么取值？

phpcn_u1582 2017-06-13 09:22:52

[AngularJS讨论组]

1413

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

<ul class="options_box" >
    <li ng-repeat="item in ques.ques_items">
        <p 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>
        </p>
        <p 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>
        </p>
    </li>
 </ul>

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

phpcn_u1582

全部回复(2)

扔个三星炸死你2017-06-13 09:24:52 2楼

    <ul class="options_box" >
        <li ng-repeat="item in ques.ques_items">
            <p 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>
            </p>
            <p 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>
            </p>
        </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}}

赞 +0

添加回复

怪我咯2017-06-13 09:24:52 1楼

最近也在做这个你取值有什么问题具体说明一下你绑定model也是可以的

赞 +0

添加回复

专题推荐

更多>

热门话题

热门教程

更多>