小编Nad*_*ury的帖子

我创建了一个名为ImportCardModalComponent. 如果登录失败，必须打开此组件。如下：

this.authSerivce.logInRegular(this.model).then(result => {
      console.log(result);
    }, error => {
      var importModal = this.modalService.open(ImportCardModalComponent);

    });

问题是该对话框不会出现，除非我单击屏幕上的按钮两次并启动该服务两次。我第一次单击该按钮时，成功添加了 DOM 元素，但 .css 文件class中没有 css <ngb-modal-backdrop> and <ngb-modal-window>。如下所示。 我第二次点击按钮时，classes显示正确。如下图所示：

模态必须有class ="modal-backdrop fade show"背景元素。以及class="modal fade show d-block"在窗口元素中。

我试图用modalService有NgbModalOptions backdropClass和windowClass没有任何成功的工作，从第一次。

如果我将打开的模式服务移到拒绝回调之外，它工作正常。

任何帮助深表感谢。