0

我无法从异步代码中捕获 matDialog 响应。下面是显示我的实现的代码片段。

守卫.ts

export class CanDeactivateGuard
implements CanDeactivate<ComponentCanDeactivate> {
constructor(private modalService: MatDialog, private testing: TestingService) {}

canDeactivate(
  component: ComponentCanDeactivate
): Observable<boolean> | Promise<boolean> | boolean {
  
  //calling a service to check if user has access to forms
  return this.testing.test().toPromise()
   .then(res => {
    const dialogRef = this.modalService.open(DialogComponent, {
      width: '600px',
      height: '250px'
    });

    return dialogRef.afterClosed().pipe(
      map(result => result === true)
     );  
    })
   .catch(() => return true); // user navigate away if does not have permission
   }
  }

但是此代码无法在对话框中获取用户操作的输入。我找不到可能是什么问题以及如何在异步代码中处理 matDialog 。我很想得到任何关于如何处理这种情况的意见。

注意：这是非常通用的代码示例，而不是实际代码。如果您需要额外信息来理解场景，请发表评论。

提前致谢。

4

0 回答 0