angular.js - ng-repeat中的单选框默认选中第一项

问题描述

ng-repeat生成的几个单选框，怎么默认选中第一个

<p 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></p>

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加上就好了。

cheked={{$index}}==1?true:false;

selectedMonth = 1;