angular.js - ng-repeat中的单选框默认选中第一项
本文介绍了angular.js - ng-repeat中的单选框默认选中第一项的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
ng-repeat生成的几个单选框,怎么默认选中第一个
<div class="radio"ng-repeat="item in imgList">
<label>
<input type="radio" name="opt"
ng-value="item.id"
ng-click="seleMon($event)"
ng-model="selectedMonth">
<span>{{item.mon}}</span>
</label>
</div>
js
$scope.imgList = [
{
'mon':'1月',
'id':'1',
},
{
'mon':'2月',
'id':'2',
},
{
'mon':'3月',
'id':'3',
},
{
'mon':'4月',
'id':'4',
}
]
$scope.selectedMonth = $scope.imgList[0];
这个为什么不能实现默认选中第一项,应该怎么改?
解决方案
**$scope.selectedMonth = $scope.imgList[0].id;**
ng-value
和ng-model
要能匹配,你当前的写法,ng-model
是对象,ng-value
是字符串。把id加上就好了。
这篇关于angular.js - ng-repeat中的单选框默认选中第一项的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文