关于angular select 掉过坑

来源:互联网 发布:python 获取js跳转url 编辑:程序博客网 时间:2024/05/22 06:26

今天使用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)    }})
突然觉得自己好聪明 哈哈哈O(∩_∩)O哈哈~