DI exception when demo component recreated as service about ngx-modialog HOT 4 CLOSED

Do you bootstrap Modal for app (bootstrap(App, [... ROUTER_PROVIDERS .. Modal)? Also it must be included in App Component providers: [... Modal], There must be no trouble of using modal from service but sure you missed something

from ngx-modialog.

Yes, f course i tried to provide those in bootstrap:

  provide(ModalConfig, {useValue: new ModalConfig('lg', true, 81)}),
  provide(Modal, {useValue : Modal }),
  provide(ElementRef, {useValue: ElementRef}), //needed because of: EXCEPTION: No provider for ElementRef! (Newsletters -> ModalService -> ElementRef)

But when I clear DI excpetions, and try to call service after click on a button:

openDialog(e: any) {
    this._modalService.openDialog('large');
  }

I get this:

EXCEPTION: Error during evaluation of "click"
...
 ORIGINAL EXCEPTION: TypeError: this.modal.open is not a function

I must be missing something...

from ngx-modialog.

Got it, basically I needed to put Modal and ElementRef without provide function. Now it works when provided like this:

...
provide(ModalConfig, {useValue: new ModalConfig('lg', true, 81)}),
  Modal,
  ElementRef,
  ModalService
...

Example service would be very helpful in demo. I guess everyone who makes SPA will make this as service instead of duplicating dozens of lines of code in each component they need modal in.

from ngx-modialog.

@zarkosusnjar can you post your working modal service?

from ngx-modialog.