角度材质对话框返回值

Question

我有一个下面的对话框组件（我打开使用另一个组件中的dialog.open（MyDialogComponent））。

export class MyDialogComponent implements OnInit { 
    constructor(public matDialogRef: MatDialogRef<MyDialogComponent>) {} 

    ngOnInit() {} 
} 

我知道可以通过执行绑定到对话单元的按钮matDialogRef.close（dataToReturn）任何数据返回给调用组件。但是，如果用户点击其他地方，但弹出窗口关闭它，我该如何返回数据？

Answer 1

如果有人有兴趣，我找到了解决方案（不知道它是否是最好的）。只需禁用默认的关闭操作，以便弹出窗口不会在背景点击时关闭，而在关闭背景时点击数据参数。

matDialogRef.disableClose = true;//disable default close operation 
matDialogRef.backdropClick().subscribe(result => { 
    matDialogRef.close(dataToReturn); 
}); 

这种方式调用组件接收数据，无论对话是由按钮关闭还是在别处单击。