Manually trigger ngx-bootstrap modal via TemplateRef

Question

I would liketo trigger a modal dynamically via typescript. I know this should be easy, so I'm probably looking over something.

Somewhere in Template:

.....Some content right here......

Component:

Trying to make a TemplateRef from the #adminmodal

@ViewChild('adminmodal', { read: TemplateRef }) _adminModalRef: TemplateRef;

Trying to trigger and failing miserably

this.modalRef = this.modalService.show(this._adminModalRef);

It opens a modal, but with an empty modal-content, so there is something wrong with my approach.

user_8129670 · Answer

Another way according to the docs you could try is via the modalDirective

Template

...

Typescript

  @ViewChild(ModalDirective) modal: ModalDirective;

  showModal() {
    this.modal.show();
  }

Hope this helps you out, good luck!