angular6 - 如何以角度关闭来自 child 的父对话？

Question

我有一个父对话框，其中有一个子对话框。在子对话框中有一个关闭按钮。

单击此关闭按钮后，我想关闭父对话框和子对话框。我们如何在 angular6 中做到这一点？

Answer 1

在我的案例中有效:

父级:

const dialogRef = this.dialog.open(AssignResourcePageComponent);
    dialogRef.componentInstance.modal_principal_parent.on('CLOSE_PARENT_MODAL',()=>{
      dialogRef.close();
    });

child

@Output() public modal_principal_parent = new EventEmitter();

在关闭方法中:

this.modal_principal_parent.emit('CLOSE_PARENT_MODAL');