Rumah  >  Artikel  >  hujung hadapan web  >  angular中调用方法的实例代码

angular中调用方法的实例代码

零下一度
零下一度asal
2017-06-26 10:14:081326semak imbas

页面:

 

引入文件

'/select2.css','/select2-bootstrap.css','/select2.min.js','/ui-select2.js'

html:

<div ui-module=>
< 
  ui-select2= 
  ng-model=  // ng-model
= 
  ng-options=  //orgNameList是从接口里取出的数据,item.orgName是显示在option里的内容,item.orgCode就是ng-model的值
  ng-change=>    //每次点击option调用事件
</>
</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();

 

Atas ialah kandungan terperinci angular中调用方法的实例代码. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya:canvas中画布时钟的简单事例Artikel seterusnya:webpack模块实例教程