AngularJs 父子级Controller传递数据

最新推荐文章于 2018-11-11 03:08:08 发布

jfkidear

最新推荐文章于 2018-11-11 03:08:08 发布

阅读量9.2k

点赞数 1

分类专栏： web

web 专栏收录该内容

81 篇文章 0 订阅

订阅专栏

AngularJs 父子级Controller传递数据

博客分类：
js

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

      Html代码   
      
 <div ng-controller="MyAccountCtrl">  
   
    <div ng-controller="TransferCtrl">  
            .............  
   
    </div>  
   
 </div>

      Js代码   
      
    
 // 子级传递数据给父级  
 // 子级传递  
 $scope.checkLoggedIn = function(type) {  
           $scope.transferType = type;  
           $scope.$emit('transfer.type', type);  
 }  
   
 // 父级接收  
 $scope.$on('transfer.type', function(event, data) {  
           $scope.transferType = data;  
         });  
         $scope.checkLoggedIn = function() {  
           var type = $scope.transferType;  
 }  

      Js代码   
      
    
 // 父级传递数据给子级  
 // 父级传递  
 $scope.transferType = '';  
 $scope.checkLoggedIn = function(type) {  
           $scope.transferType = type;  
           $scope.$broadcast('transfer.type', type);  
 }  
   
 // 子级接收  
 $scope.transferType = '';  
 $scope.$on('transfer.type', function(event, data) {  
           $scope.transferType = data;  
         });  
         $scope.checkLoggedIn = function() {  
           var type = $scope.transferType;  
 }  