Ngx-bootstrap:Modal 容器位置内的 Modal 不适用于 datepicker

问题描述

当我们将 Ngx-Bootstrap 模态放置在另一个模态中时,Datepicker 容器在随机位置打开。 注意:内部 dailog 有 datepicker 元素。

如需参考,请查看此demo

更新关闭一个模态可以解决问题,但我们需要在不关闭一个模态的情况下保持状态。 并且需要将 datepicker 容器附加到特定元素

解决方法

您可以在 ts 文件中打开 modal2 之前关闭 modal1。例如:

openModal2(template: TemplateRef<any>) {
    this.modalRef.hide();
    this.modalRef2 = this.modalService.show(template,{
      animated: true,backdrop: "static"
    });
  }
,

container 仅支持“body”,请从您的代码中删除 [container]="'.test'"。它应该可以工作。