ngx-bootstrap模态内的ngx-bootstrap模态

Question

我正在开发Angular应用程序。我有一个 ngx-bootstrap 模式，该模式又是从“父”引导程序模式启动的。也就是说，它是嵌套在另一个模态中的模态。

用于关闭模式的代码行是：this.bsModalRef.hide()。

问题是，当我单击触发执行该代码行的函数的按钮时，它可以完美工作，但是，最大的问题是当我执行同一行代码以关闭子级模态此模式将关闭，但是父级模态将失去 close 的功能，即使点击执行该行代码的 Close 按钮关闭模式。

这是关闭第一个（“父”）BsModalRef模态的按钮：

 <button class="btn btn-oval btn-sm ml-2"
        (click)=" closeModal()"
        type="button">
        Close
      </button>

.ts文件中的此函数使“关闭”按钮关闭第一个模式：

  closeModal() {
    this.bsModalRef.hide();
  }

现在，第二个模式还必须具有一个选项以将其关闭并返回上一个模式，如在第一个模式中，该模式还具有一个关闭按钮，该按钮也将执行此操作以返回主屏幕：

closeModal() {
    this.bsModalRef.hide();
  }

它有效地关闭了第二个模式，但是当试图关闭第一个模式以返回到主屏幕时，此 Close 按钮停止工作，无法关闭它。

>

为什么会这样？有什么建议吗？

谢谢。

Answer 1

问题在于您在子组件BsModalRef和父组件BsModalRef中都使用了“ bsModalRef”名称，将其中之一更改为其他名称。