Call child controller function in Parent Controller

Question

I am having two controllers in two different modules,need to call a child controller function in parent controller.Already tried $rootScope but its not working in this case.

Here is code for child controller function:

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

Parent Controller

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

Html Code

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

$rootScope.logout = function () { processSignOut(); }; html code: — Amit Anand, Nov 09 '15 at 05:46
http://stackoverflow.com/questions/19038778/angularjs-how-to-call-child-scope-function-in-parent-scope — Avishai Peretz, Sep 15 '16 at 12:49

score 1 · Answer 1 · edited May 23 '17 at 12:07

The solution described here: angularJS: How to call child scope function in parent scope

In your case:

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

Call child controller function in Parent Controller

1 Answers1