从angular 4材质对话框中调用父组件函数

Question

我的父组件中有一个工作函数（例如functionA）。但是，我想通过添加基本包含“是”和“否”按钮的“ Angular Material”对话框使它更好。单击“否”将关闭正常运行的对话框。现在，如果单击“是”，我希望它调用“ functionA ”。如何使用Angular 4？

Answer 1

在文档中，您可能还没有读过：

let dialogRef = this.dialog.open(MyDialogComponent);

dialogRef.afterClosed().subscribe(result => {
  this.functionA();
});

在您的模式中，按钮应为

<button mat-button [mat-dialog-close]="true">Yes</button>

这将在订阅中返回true。