angular.js - ng-repeat中的单选框默认选中第一项
PHP中文网
PHP中文网 2017-05-15 17:10:19
0
3
726

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];

这个为什么不能实现默认选中第一项,应该怎么改?

PHP中文网
PHP中文网

认证高级PHP讲师

全部回复(3)
过去多啦不再A梦
**$scope.selectedMonth = $scope.imgList[0].id;**

ng-valueng-model要能匹配,你当前的写法,ng-model是对象,ng-value是字符串。把id加上就好了。

曾经蜡笔没有小新

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

曾经蜡笔没有小新

所选月份 = 1;

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板