角度材质对话框返回值

我有一个以下对话框组件(我在另一个组件中使用dialog.open(MyDialogComponent)打开).

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

  ngOnInit() {}
}

我知道我可以通过执行绑定到对话框组件中按钮的matDialogRef.close(dataToReturn)将任何数据返回给调用组件.但是,如果用户点击其他地方但弹出窗口关闭它,我怎么能返回数据呢？

如果有人有兴趣我找到了解决方案(不确定它是否是最好的解决方案).只是禁用默认关闭操作,以便弹出窗口不会在背景上单击关闭,而在背景单击时使用数据参数关闭它.

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

这样,调用组件接收数据,无论对话框是通过按钮关闭还是单击其他位置.

原文地址：https://www.jb51.cc/angularjs/141357.html