How to call a function from another controller in AngularJS? [duplicate]

by

Communication between controllers is done though $emit + $on / $broadcast + $on methods.

So in your case you want to call a method of Controller “One” inside Controller “Two”, the correct way to do this is: 

app.controller('One', ['$scope', '$rootScope'
    function($scope) {
        $rootScope.$on("CallParentMethod", function(){
           $scope.parentmethod();
        });

        $scope.parentmethod = function() {
            // task
        }
    }
]);
app.controller('two', ['$scope', '$rootScope'
    function($scope) {
        $scope.childmethod = function() {
            $rootScope.$emit("CallParentMethod", {});
        }
    }
]);

While $rootScope.$emit is called, you can send any data as second parameter.

More Related Contents:

  1. How do I use $scope.$watch and $scope.$apply in AngularJS?
  2. AngularJS : Prevent error $digest already in progress when calling $scope.$apply()
  3. If you are not using a .(dot) in your AngularJS models you are doing it wrong?
  4. AngularJS access parent scope from child controller
  5. AngularJS 1.5+ Components do not support Watchers, what is the work around?
  6. How do I use $rootScope in Angular to store variables?
  7. $rootScope.$broadcast vs. $scope.$emit
  8. When writing a directive in AngularJS, how do I decide if I need no new scope, a new child scope, or a new isolated scope?
  9. AngularJS access scope from outside js function
  10. Does my ng-model really need to have a dot to avoid child $scope problems?
  11. Confused about Angularjs transcluded and isolate scopes & bindings
  12. How do I ignore the initial load when watching model changes in AngularJS?
  13. Get value when selected ng-option changes
  14. Directive isolate scope with ng-repeat scope in AngularJS
  15. AngularJS: ng-repeat list is not updated when a model element is spliced from the model array
  16. AngularJS : $q -> deferred API order of things (lifecycle) AND who invokes digest?
  17. angularjs share data config between controllers
  18. AngularJs: Reload page
  19. How to modify scope from within a directive in AngularJs
  20. Angular JS resizable div directive
  21. Call a method of a controller from another controller using ‘scope’ in AngularJS
  22. AngularJS $watch vs $watchCollection: which is better for performance?
  23. Typescript async/await doesnt update AngularJS view
  24. AngularJS – Filter empty objects
  25. Why ng-scope is added to javascript inline of my partial view and makes alert not working?
  26. How to detect browser using angularjs?
  27. Binding inputs to an array of primitives using ngRepeat => uneditable inputs
  28. Access Parent Scope in Transcluded Directive
  29. AngularJS – Directives vs Controllers
  30. scope and controller instantiation with ui router

Leave a Comment