如何从应用程序的任何位置打开模态

Question

我需要将所有模态放在一个地方，以便我可以从应用程序的任何位置访问任何模态。这可能。

现在，我以下面的方式打开一个模态。

openModal(template: TemplateRef<any>,cssClass:any) {
    if(this.modalRef) {
        this.closeModal();
    }
    this.config.class = cssClass;
    this.modalRef = this.modalService.show(template, this.config);
}
closeModal() {
    if(this.modalRef) {
        this.modalRef.hide();
        this.modalRef = null;
    }
}

和我的HTML

<button (click)="openModal(someModal,'some-class')">Click</button>

<ng-template #someModal> <div class="modal-body"> Login Here </div></ng-template>

我试过以下方式 https://stackblitz.com/edit/angular-wuntd3

我本地的HTML元素