Call a method of a controller from another controller using ‘scope’ in AngularJS

by

The best approach for you to communicate between the two controllers is to use events.

Scope Documentation

In this check out $on, $broadcast and $emit.

In general use case the usage of angular.element(catapp).scope() was designed for use outside the angular controllers, like within jquery events.

Ideally in your usage you would write an event in controller 1 as:

$scope.$on("myEvent", function (event, args) {
   $scope.rest_id = args.username;
   $scope.getMainCategories();
});

And in the second controller you’d just do

$scope.initRestId = function(){
   $scope.$broadcast("myEvent", {username: $scope.user.username });
};

Edit: Realised it was communication between two modules

Can you try including the firstApp module as a dependency to the secondApp where you declare the angular.module. That way you can communicate to the other app.

More Related Contents:

  1. What is the difference between ‘@’ and ‘=’ in directive scope in AngularJS?
  2. AngularJS 1.5+ Components do not support Watchers, what is the work around?
  3. 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?
  4. Confused about Angularjs transcluded and isolate scopes & bindings
  5. Rendering directives within $sce.trustAsHtml
  6. Directive isolate scope with ng-repeat scope in AngularJS
  7. AngularJS: ng-repeat list is not updated when a model element is spliced from the model array
  8. AngularJS : ng-repeat filter when value is greater than
  9. angularjs share data config between controllers
  10. How to modify scope from within a directive in AngularJs
  11. How to detect browser using angularjs?
  12. ng-click doesn’t work within the template of a directive
  13. Access Parent Scope in Transcluded Directive
  14. ‘this’ vs $scope in AngularJS controllers
  15. How can I dynamically add a directive in AngularJS?
  16. How do I inject a controller into another controller in AngularJS
  17. Sending event when AngularJS finished loading
  18. How to select an element by classname using jqLite?
  19. Angular directive how to add an attribute to the element?
  20. AngularJS : $q -> deferred API order of things (lifecycle) AND who invokes digest?
  21. get original element from ng-click
  22. Angular scope function executed multiple times
  23. Why is using if(!$scope.$$phase) $scope.$apply() an anti-pattern?
  24. Confirmation dialog on ng-click – AngularJS
  25. How to trigger a method when Angular is done adding scope updates to the DOM?
  26. Model in a modal window in angularjs is empty
  27. Angular directive for a fallback image
  28. How to use `replace` of directive definition?
  29. How to implement an ng-change for a custom directive
  30. how do I get ng-include directive to work with a Content Delivery Network?

Leave a Comment