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

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.'); 
      }); 
    }; 
}