angularjs 動態從后臺獲取下拉框的值,只要是使用repeat指令,后臺提供的是一個list的對象,里面包含value和顯示的值,如下:
js文件：
//職務等級和檔次/軍銜等級和檔次,需要從后臺獲取:poslist,type:2/3/4/5 $scope.getDyActivityInforItems=function(){ serviceData.getData('inforinput/getAllSelectValueByType','POST',{ type:2 }).then(function(json){ if(json.code==0){ $scope.poslist=json.content; }; }, function(json){ console.log(json); }); };界面：
<!-- 空格空開來區分職務等級 --><div class="item" style="border-top: 1px solid #ddd;padding-top: 2px;"><label class="list_tit">職務等級</label><div class="item_input" ng-init="getDyActivityInforItems()"> <!-- <select class="fillIn select-able" ng-model="item" ng-options="item as y for y in addInfo.posList" id="dutLevel_view_1" name="dutLevel"> </select> --> <select class="fillIn select-able" ng-model="selectedPos" id="dutLevel_view_1" name="dutLevel"> <option ng-repeat="x in poslist" value="{{x.select_code}}">{{x.select_name}}</option> </select> <span class="imp_list_rema">*</span><!-- <select class="fillIn select-able" ng-model="addInfo.addInfoView.positionRank" ><option value="" selected>請選擇</option></select> --></div></div>===============分割線,2017年7月20日17:07:14-============
后面遇到一個問題,當新增了一個下拉選項,需要刷新了下拉的list,但就會默認顯示第一個,沒有獲取剛開始顯示界面的值,需要使用apply進行更新：
addInfo.addInfoView.positionRank=0; $scope.poslist=json.content; setTimeout(function() { $scope.$apply(function() { addInfo.addInfoView.positionRank=yuanPos; }); }, 1000); html上：
<!-- 空格空開來區分職務等級 --> <div class="item" style="border-top: 1px solid #ddd;padding-top: 2px;"> <label class="list_tit">職務等級</label> <div class="item_input" ng-init="getPosMilSelectValue()"> <select class="fillIn select-able" ng-selected="addInfo.addInfoView.positionRank" ng-model="addInfo.addInfoView.positionRank" id="dutLevel_view_1" name="dutLevel"> <option ng-repeat="x in poslist" value="{{x.select_code}}">{{x.select_name}}</option> </select> <span class="imp_list_rema">*</span> <span style="background:#3cb671;margin-left:20px;height:17px;width:20px" ng-click="addInfo.viewInput_add_item=!addInfo.viewInput_add_item;addInfo.addItemName='';selectType=2"> <a style="margin-left:7px;margin-top:2px" href="javascript:;" rel="external nofollow" title=""> + </a></span> </div> </div>以上這篇angularjs 動態從后臺獲取下拉框的值方法就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持武林網。
新聞熱點
疑難解答
