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