角度材质对话框返回值

发布时间：2020-12-17 08:33:31 所属栏目：安全来源：网络整理

导读：我有一个以下对话框组件(我在另一个组件中使用dialog.open(MyDialogComponent)打开). export class MyDialogComponent implements OnInit { constructor(public matDialogRef: MatDialogRefMyDialogComponent) {} ngOnInit() {}} 我知道我可以通过执行绑定到

我有一个以下对话框组件(我在另一个组件中使用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);
});

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!