角度材质对话框返回值

前端之家收集整理的这篇文章主要介绍了角度材质对话框返回值前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个以下对话框组件(我在另一个组件中使用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);
});

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

猜你在找的Angularjs相关文章