AngularJs 父子级Controller传递数据

AngularJs 父子级Controller传递数据

博客分类： 
• js

乔乐共享众观千象每天进步一点点学习永无止境angularjs 

Html代码  

1. <div ng-controller="MyAccountCtrl">  
2.   
3.    <div ng-controller="TransferCtrl">  
4.            .............  
5.   
6.    </div>  
7.   
8. </div>  

 

Js代码  

1. // 子级传递数据给父级  
2. // 子级传递  
3. $scope.checkLoggedIn = function(type) {  
4.           $scope.transferType = type;  
5.           $scope.$emit('transfer.type', type);  
6. }  
7.   
8. // 父级接收  
9. $scope.$on('transfer.type', function(event, data) {  
10.           $scope.transferType = data;  
11.         });  
12.         $scope.checkLoggedIn = function() {  
13.           var type = $scope.transferType;  
14. }  

 

Js代码  

1. // 父级传递数据给子级  
2. // 父级传递  
3. $scope.transferType = '';  
4. $scope.checkLoggedIn = function(type) {  
5.           $scope.transferType = type;  
6.           $scope.$broadcast('transfer.type', type);  
7. }  
8.   
9. // 子级接收  
10. $scope.transferType = '';  
11. $scope.$on('transfer.type', function(event, data) {  
12.           $scope.transferType = data;  
13.         });  
14.         $scope.checkLoggedIn = function() {  
15.           var type = $scope.transferType;  
16. }