0

我想做下一件事。

情况是我有两个嵌套的模态,并且打开第二个(嵌套)模态我隐藏了第一个。

然后,当关闭第二个模式时,我想先重新打开。在 show 方法中打开使用组件的模式,而不是使用模板。现在我通过在 hide 之后再次调用 show 方法来做到这一点,但这很复杂,因为我也必须发送一些数据,并且可能有两个以上的嵌套模式。我需要一些方法来保存以前的模态并重新打开它们。

我将尝试展示一些示例:

export class ParentClass{
  
  openFirstModal(){
    const initialState = {
      selectedItem: this.item,
    };
    this.firstModal= this.modalService.show(ModalComponent1,
      {
        class: 'modal-md',
        ignoreBackdropClick: true,
        initialState: initialState,
      }
    );
  }
}

export class ModalComponent1{
  selectedItem: any;
  
  openSecondModal(){
    this.seconModal = this.modalService.show(ModalComponent2,
      {
        class: 'modal-md',
        ignoreBackdropClick: true
      });
  }

  //Is there exist better solution
  closeSecondModal(){
    const initialState = {
      selectedItem : this.selectedItem
    }

    this.secondmodal.hide();

    this.firstModal = this.modalService.show(ModalComponent1,
      {
        class: 'modal-md',
        ignoreBackdropClick: true,
        initialState: initialState
      });
  }
}
4

0 回答 0