Dismissing modal with NgbActiveModal only works from within modal-component

I use components which i open within a modal. For example: const modalRef = this.modalService.open(AbortModalComponent);

Within these modal-components i can inject NgbActiveModal to close the modal with this.activeModal.dismiss();. So far so good, but if i inject NgbActiveModal outside of the modal to close it from somewhere else it doesn’t.

It seems like NgbActiveModal isn’t a singleton all over the app. But how can i make it one?

In app.module.ts i only import NgbModule.forRoot(). Within my sub-modules i import NgbModule.

Hope i described it good enough. Took me hours to make a Plunker last time 😃

[PEsteves8]

Having a way to dismiss modals from the outside would be useful for me too. I have rerouting logic in case the session expires. I occasionally have http requests occurring while modals are open (sometimes within modals). So sometimes, there is an open modal, the session is lost and the user gets rerouted to the login page.

The problem is that when the user gets rerouted the modal is still open, blocking the login page.

I would prefer to allow the service that handles the error handling (rerouting, displaying a warning) to dismiss any open modals, without really caring how they were created in the first place. (Maybe I should approach this differently, but I felt that sharing the use case could stir some more thoughts over the usefulness of allowing this)

[AvinashDalvi89]

Remove NgbActiveModal from provider if you added. Its works for me. example : https://ng-bootstrap.github.io/#/components/modal/examples if you modelcomponent and model content then dont inject NgbActiveModel in provider for component.