angularjs 动态从后台获取下拉框的值方法
网络编程 2021-07-04 16:46www.168986.cn编程入门
今天长沙网络推广就为大家分享一篇angularjs 动态从后台获取下拉框的值方法,具有很好的参考价值,希望对大家有所帮助。一起跟随长沙网络推广过来看看吧
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-: 1px solid #ddd;padding-: 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-: 1px solid #ddd;padding-: 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-:2px" href="javascript:;" rel="external nofollow" title=""> + </a></span> </div> </div>
以上这篇angularjs 动态从后台获取下拉框的值方法就是长沙网络推广分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持狼蚁SEO。
编程语言
- 如何快速学会编程 如何快速学会ug编程
- 免费学编程的app 推荐12个免费学编程的好网站
- 电脑怎么编程:电脑怎么编程网咯游戏菜单图标
- 如何写代码新手教学 如何写代码新手教学手机
- 基础编程入门教程视频 基础编程入门教程视频华
- 编程演示:编程演示浦丰投针过程
- 乐高编程加盟 乐高积木编程加盟
- 跟我学plc编程 plc编程自学入门视频教程
- ug编程成航林总 ug编程实战视频
- 孩子学编程的好处和坏处
- 初学者学编程该从哪里开始 新手学编程从哪里入
- 慢走丝编程 慢走丝编程难学吗
- 国内十强少儿编程机构 中国少儿编程机构十强有
- 成人计算机速成培训班 成人计算机速成培训班办
- 孩子学编程网上课程哪家好 儿童学编程比较好的
- 代码编程教学入门软件 代码编程教程