我想做下一件事。
情况是我有两个嵌套的模态,并且打开第二个(嵌套)模态我隐藏了第一个。
然后,当关闭第二个模式时,我想先重新打开。在 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
});
}
}