父控制器调用子控制器功能

Question

我有两个控制器在两个不同的模块，需要调用父控制器中的子控制器功能。已尝试$ rootScope，但它在这种情况下不起作用。

这里是孩子控制器功能代码：

$scope.processSignOut = function() { 
      LogoutService.save(
       function (response) { 
        $state.go('support.login'); 
       }, function (error) { 
        showAlert('danger', 
         'logout unsuccessfull. Please try again.'); 
       }); 
     }; 

父控制器

$rootScope.logout = function() { 
      $rootScope.processSignOut(); 
     }; 

HTML代码

<button type="button" class="btn btn-secondary btn-block" 
    ng-click="logout()">Logout 
</button> 

Answer 1

这里介绍的解决方案： angularJS: How to call child scope function in parent scope

在你的情况：

function ParentCntl($scope) { 
    $scope.logout = function(){ 
     $scope.$broadcast ('processSignOut'); 
    } 
} 

function ChildCntl($scope) {    
    $scope.$on('processSignOut', function(e) { 
     $scope.processSignOut();   
    }); 

    $scope.processSignOut = function() { 
     LogoutService.save(
      function (response) { 
       $state.go('support.login'); 
      }, function (error) { 
       showAlert('danger', 
        'logout unsuccessfull. Please try again.'); 
      }); 
    }; 
}