从角度4材质对话框调用父组件功能

时间:2017-12-12 12:42:03

标签: angular dialog angular-material

我的父组件中有一个工作函数(比如 functionA )。 但是,我希望通过添加Angular Material对话框来实现更好的效果,该对话框基本上包含“是”和“否”按钮。单击“否”将关闭正常工作的对话框。现在,如果我点击“是”,我希望它可以调用“ functionA ”。 如何使用Angular 4?

1 个答案:

答案 0 :(得分:5)

这些都在文档中,您可能还没有读过:

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

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

在你的模态中,按钮应该是

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

这将在订阅中返回true。