angularjs 动态从后台获取下拉框的值
来源:互联网 发布:太原高达软件 编辑:程序博客网 时间:2024/06/02 05:29
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:;" title=""> + </a></span></div></div>
- angularjs 动态从后台获取下拉框的值
- 动态添加下拉列表框,并从后台获取值
- AngularJS下拉列表动态获取
- 下拉框中的值从数据库动态获取
- 毕设笔记--SSH前台JSP页面下拉列表框的值从数据库动态获取
- 关于easyUI的combbobox下拉框多选时,后台获取下拉框的值获取的问题
- Struts2从后台传集合list给下拉菜单,动态获取
- angularJs-$http实现百度搜索时的动态下拉框
- Jquery获取下拉框被选中的value值,并传到后台,然后后台回显到界面
- Echarts 动态从后台获取数据进行图表的展示
- angularJS 下拉框动态绑定后,选择指定值
- DropDownList从XML配置文件动态获取下拉列表值
- jsp页面加载的时候,从后台获取数据,页面加载完成之后,下拉列表中已经有值
- 后台获取从后台输出的input标签的值
- java后台获取页面下拉框的选项只值,判断字符串是否相等
- 动态获取java struts2后台JSON数据填充select 下拉框
- Extjs4 动态获取下拉框
- 获取下拉框的值
- 记一次sql server 性能调优,查询从20秒至2秒
- java--面向对象
- leetcode264-Ugly Number II
- 程序员必须逛的同性交友网站(GitHub)!
- 单一文件的断点续传
- angularjs 动态从后台获取下拉框的值
- opencv mat (matrix)数据结构
- Vue.js搭建移动端购物车界面-基本结构和数据渲染
- 根据backtrace_symbols查错误代码行号
- 新的历程
- HAWQ + MADlib 玩转数据挖掘之(三)——向量
- tensorflow-MNIST机器学习入门
- 排序算法之冒泡排序
- 阿里云简单网站部署常用代码