【问题标题】:Ngx-bootstrap: Modal inside Modal container position is not working for datepickerNgx-bootstrap:模态容器位置内的模态对日期选择器不起作用
【发布时间】:2021-01-11 06:20:00
【问题描述】:

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

参考请查看demo

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

【问题讨论】:

  • 日期选择器日历在第一个模式而不是第二个模式中打开。要解决此问题,您需要关闭第一个模态,然后打开第二个模态。正如@Đỗ văn Thắng 所建议的那样
  • @SantoshShelke 我们还需要保持之前的模态状态

标签: angular ngx-bootstrap ngx-bootstrap-modal


【解决方案1】:

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

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

【讨论】:

  • 这里还需要以前的模态状态。我的意思是当用户关闭顶部模态时,我们应该显示第一个模态
  • 您可以使用一种模式和切换显示
【解决方案2】:

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

【讨论】:

猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2015-05-16
  • 2016-04-28
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多