如何解决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'"
。它应该可以工作。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。