angular - 从 angular 4 Material 对话框调用父组件函数

我的父组件中有一个工作函数(比如 functionA )。
但是，我想通过添加基本上包含"is"和“否”按钮的 Angular Material 对话框来让它变得更好。单击“否”将关闭运行良好的对话框。现在，如果我单击"is"，我希望它调用“ functionA ”。
如何使用 Angular 4 做到这一点？

最佳答案

全部都在文档中，您可能还没有阅读过:

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

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

在您的模态中，按钮应该是

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

这将在订阅中返回 true。