Calling Another Controller Function in AngularJS

Learn how to invoke functions from one AngularJS controller within another controller using shared services or `$rootScope` events for communication.
---
Disclaimer/Disclosure: Some of the content was synthetically produced using various Generative AI (artificial intelligence) tools; so, there may be inaccuracies or misleading information present in the video. Please consider this before relying on the content to make any decisions or take any actions etc. If you still have any concerns, please feel free to write them in a comment. Thank you.
---
In AngularJS, directly calling functions from one controller to another isn't a typical approach due to the separation of concerns between controllers. However, you can achieve communication between controllers using shared services or $rootScope events. Here's how you can implement these approaches:

Using Shared Services

Create a Shared Service:
Start by defining a service that will hold the function you want to call across controllers.

[[See Video to Reveal this Text or Code Snippet]]

Inject the Service into Controllers:
Inject the shared service into the controllers where you want to use its functions.

[[See Video to Reveal this Text or Code Snippet]]

Invoke the Shared Function:
In any controller where you've injected the service, you can call the shared function as needed.

[[See Video to Reveal this Text or Code Snippet]]

Using $rootScope Events

Broadcast an Event:
Use $rootScope to broadcast an event from one controller, and then catch the event in another controller.

[[See Video to Reveal this Text or Code Snippet]]

Trigger the Event:
Call the function in Controller1 which broadcasts the event, and Controller2 will catch and execute the desired function.

[[See Video to Reveal this Text or Code Snippet]]

Considerations

Service Approach: Using a shared service is often preferred for more structured and maintainable communication between controllers.

Event Approach: Broadcasting events via $rootScope can be useful for looser coupling but should be used judiciously to avoid overusing global events.

By following these approaches, you can effectively call functions from one AngularJS controller within another, facilitating better communication and code organization within your application.