首页 > 代码库 > angular select2 ng-model 取值 ng-change调用方法
angular select2 ng-model 取值 ng-change调用方法
引入文件
‘/select2.css‘, ‘/select2-bootstrap.css‘, ‘/select2.min.js‘, ‘/ui-select2.js‘
html:
<div ui-module="select2">
<select
ui-select2="{allowClear: true}"
ng-model="selectedOrgName" // ng-model
class="form-control w-md-important"
ng-options="item.orgCode as item.orgName for item in orgNameList" //orgNameList是从接口里取出的数据,item.orgName是显示在option里的内容,item.orgCode就是ng-model的值
ng-change="getInsuranceOrgList()"> //每次点击option调用事件
</select>
</div>
js:
$scope.selectedOrgName = ‘‘; //ng-model的值 $scope.getInsuranceOrgList = function () { var url = ‘/station/org/getInsuranceOrgList‘; var params = { orgName:$scope.selectedOrgName //获取到值 作为入参传给接口 }; $http.post(url,params).success(function(res){ $scope.orgNameList = res.respData.listObj; }).error(function(){}); }; $scope.getInsuranceOrgList();
angular select2 ng-model 取值 ng-change调用方法
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。