AngularJS 动态设置select的默认selected
2016-03-29 15:43
579 查看
遇到一个问题,在控制器里设置了stafftype的默认值
然后根据选择stafftype的项进行loaddate,再点击搜索依然是默认的选项
经过搜索参考这两个链接1
2
添加angular的ng-selected
当搜索提交的stafftype值和页面里下拉选项value相等时,选中该值
PS:
更复杂的循环数据应该得搭配上ng-options吧,还没试过
.controller('InfoStaffCtrl', function($scope, $rootScope, $state, $log,$ionicLoading, $timeout,Manpower) { //列表 $scope.search = {p:1,audittype:'',name:'',stafftype:'',companyname:''}; $scope.staffTypes = ["请选择","飞行员","机务","航务","管理","空管","其他"]; $scope.doSearch = function(){ ... //$scope.number = $scope.search.stafftype; ... } function loadData(){ ... } loadData(); })
然后根据选择stafftype的项进行loaddate,再点击搜索依然是默认的选项
经过搜索参考这两个链接1
2
添加angular的ng-selected
<label class="item item-input item-select"> <span class="input-label">人员分类</span> <select ng-model="search.stafftype"> <option value="{{$index}}" ng-repeat="t in staffTypes" ng-selected="number==$index">{{t}}</option> </select> </label>
当搜索提交的stafftype值和页面里下拉选项value相等时,选中该值
PS:
更复杂的循环数据应该得搭配上ng-options吧,还没试过
相关文章推荐
- ui-router搭建的angularjs模板
- angular常用功能
- ionic(angularjs)select下拉选择第一个选项为空白的解决办法
- Angularjs实现多个页面共享数据的方式
- 七步从AngularJS菜鸟到专家(7):Routing
- 七步从AngularJS菜鸟到专家(6):服务
- 七步从AngularJS菜鸟到专家(4和5):指令和表达式
- 10012---AngularJS表单提交例子
- Angularjs promise对象解析
- 基于Angularjs实现分页
- angularjs ng-click传参控制ng-repeat元素显示与隐藏
- AngularJS Eclipse——新手入门【翻译+整理】
- AngularJS 事件
- AngularJS 过滤器(filter)
- AngularJS日期格式化
- Angularjs调用公共方法与共享数据
- angular学习
- AngularJS中serivce,factory,provider的区别
- angularjs Controller之间的通信
- [angularjs] 前端路由实现单页跳转