关于angular select 掉过坑_ng-repeat select会默认有空选项-优快云博客

本文链接：https://blog.youkuaiyun.com/e87e09e11/article/details/75110672

本文探讨了在Angular应用中使用select元素结合ng-options指令时遇到的问题，包括默认生成空选项及动态生成年份数组时的数据绑定挑战，并提供了解决方案。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

今天使用select遇到两个问题

1 如果使用<option ng-repeat></option> 用ng-repeat循环数组生成option就会有一个默认的空option

百度了一下说是使用方法不对应该使用 ng-options 但是本人这样做后并没有去掉空option 在此基础上给select绑定的ng-model动态赋值后完美解决了

<label class="labelf fl">选择协会：</label>
<select class="fl select" ng-model="orgParentId" ng-change="changeAllLIst()" ng-options="item.orgId as item.fullname for item in orglist">
</select>

js赋值

$scope.orgParentId=$scope.orglist[0].orgId;

2第二个问题根据需求我要动态生成一个关于年份的数组[2017,2016,2015,2014,2014,2013,2012,2011,2010] 然后发现用ng-repeat循环option会有空标签option（上面讲过了，用法不对）但是如果用ng-options则读取不到数据，估计是渲染的时候数组还没有创建好，总之是读取的是一连串undefined，百度后得知 angualr检测数据变化必须要经过$http,怎么解决呢，我用了一个假的虚拟的$http来创建数组，问题就解决啦

var  year=new Date().getFullYear()
$scope.countyear=year
$scope.years=[year];
$http.get("/").success(function(){
    for(i=1;i<12;i++){
        $scope.years.push(year-i)
    }
})