AngularJS 动态设置select的默认selected

遇到一个问题,在控制器里设置了stafftype的默认值

.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吧,还没试过

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值