angular - 关闭 component.ts 中的 md-dialog

Question

我有一个 md-dialog 组件 - DialogComponent - 我从兄弟组件 - SiblingComponent 打开它 - 我想在 dialog.component 中关闭它。 ts 在一些操作之后。

DialogComponent 基本上是一个带有提交按钮的表单，提交表单会将我带到 dialog.component.ts 函数，我在其中进行一些验证并将数据发送到服务。

验证通过并发送数据后，我想超时，然后自动关闭拨号窗口，但我不知道如何在对话框中运行md-dialog-close之类的东西。组件.ts

Answer 1

您可以将 MdDialogRef 注入(inject)到对话框组件 类中，并使用它来关闭它。示例:

export class DialogComponent {

    constructor(private dialogRef: MdDialogRef<DialogComponent >) { }

    someAction() {
        // do your thing here
        this.dialogRef.close(); // <- this closes the dialog. 
        // You can also wrap it in setTimeout() if you want
    }
}