AngularJS 2 급 연동

2398 단어 angular2 급 연동
더 읽 기
           성과 지역 의 데 이 터 를 채 우기 위해 두 개의 드 롭 다운 목록 상 자 를 만 듭 니 다.

   ng - change 드 롭 다운 목록 상자 에 변경 이벤트 가 발생 했 습 니 다. listCity ByProvince () 방법 을 실행 합 니 다. 이 방법 은 현재 성 아래 의 모든 지역 을 찾 습 니 다. 먼저 listProvince () 방법 을 정의 하고 호출 하여 성의 드 롭 다운 목록 상 자 를 초기 화 합 니 다.
$scope.listProvince=function(){
	$http({  
		   method:'post',  
		   url:'${ctx}/city/handler/listProvince'  
		   //data:{id:'${provinceId}'}  
	}).then(
		function(resp){  
			//var province=resp['data'];
			$scope['province']=resp['data'];
			$scope.selectedProvince=$scope['province'][0];
			var province=new Object();
			province['id']=$scope.selectedProvince['id'];
			province['name']=$scope.selectedProvince['name'];
			//               
			$http({  
				   method:'post',  
				   url:'${ctx}/county/handler/listCityByProvince',  
				   data:province  
			}).then(
				function(resp){  
					//var province=resp['data'];
					$scope['city']=resp['data'];
					$scope.selectedCity=$scope['city'][0];
				}
			);  	
		}
	);  	
};
//         
$scope.listProvince();

    다음은 ng - change 이벤트 가 촉발 하 는 방법 을 정의 합 니 다 listCity Province ()
//        
$scope.listCityByProvince=function(){
	var province=new Object();
	province['id']=$scope.selectedProvince['id'];
	province['name']=$scope.selectedProvince['name'];
	$http({  
		   method:'post',  
		   url:'${ctx}/county/handler/listCityByProvince',  
		   data:province  
	}).then(
		function(resp){  
			//var province=resp['data'];
			$scope['city']=resp['data'];
			$scope.selectedCity=$scope['city'][0];
		}
	);  	
};

좋은 웹페이지 즐겨찾기