Can one AngularJS controller call another?

by

There are multiple ways how to communicate between controllers.

The best one is probably sharing a service:

function FirstController(someDataService) 
{
  // use the data service, bind to template...
  // or call methods on someDataService to send a request to server
}

function SecondController(someDataService) 
{
  // has a reference to the same instance of the service
  // so if the service updates state for example, this controller knows about it
}

Another way is emitting an event on scope:

function FirstController($scope) 
{
  $scope.$on('someEvent', function(event, args) {});
  // another controller or even directive
}

function SecondController($scope) 
{
  $scope.$emit('someEvent', args);
}

In both cases, you can communicate with any directive as well.

More Related Contents:

  1. Way to ng-repeat defined number of times instead of repeating over array?
  2. AngularJS Error: Cross origin requests are only supported for protocol schemes: http, data, chrome-extension, https
  3. How to validate inputs dynamically created using ng-repeat, ng-show (angular)
  4. Losing scope when using ng-include
  5. AngularJS: No “Access-Control-Allow-Origin” header is present on the requested resource [duplicate]
  6. How to pass parameters using ui-sref in ui-router to the controller
  7. How to make ng-bind-html compile angularjs code
  8. What is the correct syntax of ng-include?
  9. Ternary operator in AngularJS templates
  10. angularjs to output plain text instead of html
  11. AngularJS – ng-disabled not working for Anchor tag
  12. Set active tab style with AngularJS
  13. Image loaded event in for ng-src in AngularJS
  14. Template does not update when using ui-router and ion-tabs
  15. AngularJS: Better way to watch for height change
  16. How do I disable the save password bubble in chrome using Javascript?
  17. CSS: Change parent on focus of child
  18. Angularjs does not load scripts within ng-view
  19. In AngularJS, any inline javascript code that included in HTML templates doesn’t work
  20. Print a div using javascript in angularJS single page application
  21. AngularJS – placeholder for empty result from filter
  22. Angular form validation ng-disabled not working
  23. Remove ‘All Files’ option from HTML file input
  24. angularjs custom filter to check for values inside a data array
  25. Webstorm: “Cannot Resolve Directory”
  26. AngularJS using $rootScope as a data store
  27. AngularJs – Best-Practices on adding an active class on click (ng-repeat)
  28. Rename Object Key in an array using javascript
  29. multiple ui-view html files in ui-router
  30. Decode HTML entity in Angular JS

Leave a Comment