从 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。