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

Question

我的父组件中有一个工作函数(比如 functionA)。但是，我想通过添加基本上包含"is"和“否”按钮的 Angular Material 对话框来让它变得更好。单击“否”将关闭工作正常的对话框。现在，如果我单击"is"，我希望它调用“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。