fix(modal): modal does not properly work in a lazy loaded module

To have working modal in a lazy-loaded module you have to import modal module with forRoot() in that lazy module which is not correct as BsModalService will get a new instance and will not know anything about other modals of other modules (e.g. nesting won’t properly work). If you skip the forRoot() you will get:

ERROR Error: No component factory found for MyModalInLazyLoadedModule. 
Did you add it to @NgModule.entryComponents?

That’s happening because ComponentLoaderFactory is provided only in root module which does not know anything about lazy-loaded injector and factories.

Proper fix would be to have some kind of overlay service that is provided with every ModalModule import.

Reproduction - https://stackblitz.com/edit/ngx-bootstrap-playground-mtwpzg

[dzonatan]

@psined1 Just import ModalModule.forRoot() in your lazy-loaded module.

[julianonunes]

Also having the same issue. The workaround pointed by @dzonatan fixes it, but I don’t know what are the implications of using forRoot in a child module.