当前位置： 移动技术网 > IT编程>脚本编程>AngularJs > angularjs 动态从后台获取下拉框的值方法

angularjs 动态从后台获取下拉框的值方法

2018年08月15日  | 移动技术网IT编程  | 我要评论

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 动态从后台获取下拉框的值方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持移动技术网。

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网