How to open dialog from another controller function using angular js

Description:

When there is two different ng-controller one with a Dialog component and the other controller to open the dialog explicitly. To open the Dialog from other controller, we need to use ‘ng-include’ directive, ‘$includeContentLoaded’ event and ‘$broadcast’ service.

Solution:

1. Create a ng-controller for rendering ejDialog control with angular binding.

2. Create another ng-controller with angular binding and using “ng-include” directive add the “basigDialog.html”(File name of the other controller). Please refer the following code snippet.

3. Now to check whether any external resources added, bind $includeContentLoaded event that is emitted every time a component is included to the controller. Define script to initialize dialog control in it.
4. Using $broadcast service bind the event for the child controllers. So that you can open the Dialog from this controller.

In the above sample, we have 2 controllers separately and initiated control from controller by referring the external resource. Find the sample from the below,

Sample link