引导模式对话框立即关闭答案

【问题标题】：bootstrap modal dialog is closed immediately引导模式对话框立即关闭
【发布时间】：2020-02-12 10:50:58
【问题描述】：

当打开引导模式对话框时，模式窗口会立即关闭 - 只有在调试时才能看到。查看我的代码：开瓶器的html：

<span>
    <span>
        <button type="button" (click)="openDialog()">
            Open dialog
        </button>
    </span>
</span>

组件代码：

export class dialogOpener implements OnInit {

    constructor(private modalService: NgbModal) { }
    openDialog()
    {
        const modalRef : NgbModalRef = this.modalService.open(modalDialogComponent);
    }
}

模态窗口Html：

<p>modalDialog works!</p>

组件代码：

export class modalDialogComponent {

  constructor(private activeModal: NgbActiveModal, private modalService: NgbModal) { }
}

app.module.ts:

@NgModule({
  declarations: [
        ...
        AppComponent,
        modalDialogComponent, 

  ],
  imports: [
    ...
  ],
  entryComponents:[modalDialogComponent],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

这里有什么问题？

【问题讨论】：

免责声明：我真的不知道。但是您是否尝试过在您的modalDialogComponent 中将NgbActiveModal 设为公共课程？
@Francisco Santorelli - 是的，没有帮助

标签： angular bootstrap-4 bootstrap-modal

【解决方案1】：

对我来说似乎不错，您是否在其他浏览器中尝试过？

【讨论】：

【解决方案2】：

这似乎是一个 css 问题：模态在那里，但由于 ngb-modal-window -> modal ->fade 而由于某种原因消失了 css类：不透明度：0；

【讨论】：