關於angular select 掉過坑

今天使用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哈哈~

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章