角材质对话框 afterClosed()

Question

我想使用 Angular 材质对话框创建一个是/否函数，该函数根据是否按下是或否返回真或假。在是/否对话框中，我有这些按钮：

<button [mat-dialog-close]="true">Yes</button>
<button [mat-dialog-close]="false">No</button>

在我的dialogservice 中，我通过这样做将这个是/否对话框称为：

Yes_No_Prompt(pMessageLines: string[]) {
    const yesNoDialog = this.matdialog.open(DlgYesNoComponent, {
        data: {
            MessageLines: pMessageLines
        }
    });

    yesNoDialog.afterClosed().subscribe(
        (result: boolean) => {
            return result;
        }
    );
}

但是如何让这个函数等待return result 行呢？因为我现在想通过执行以下操作来使用此功能：

if (this.dialogservice.Yes_No_Prompt()) {
    // something is true (pressed yes)
} else {
    // something if false (pressed no)
}

我需要等待return result 行，但我不知道怎么做。也许是一个承诺？

Answer 1

当您使用subscribe 时，您已经在使用Observable。只需像这样从Yes_No_Prompt 返回 Observable：

Yes_No_Prompt(pMessageLines: string[]): Observable<boolean> {
  const yesNoDialog = this.matdialog.open(DlgYesNoComponent, {
    data: {
        MessageLines: pMessageLines
    }
  });

  return yesNoDialog.afterClosed();
}

然后

this.dialogservice.Yes_No_Prompt().subscribe(result => {
   if(result) {
     // something is true (pressed yes)
   } else {
     // something if false (pressed no)
   } 
});