angular.js - angular中,ng-reprat双层循环下,radio和checkbox怎么取值?
本文介绍了angular.js - 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应该怎么设置?
解决方案
<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}}
这篇关于angular.js - angular中,ng-reprat双层循环下,radio和checkbox怎么取值?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文