禁用外部單擊對話框 angular 材料

Question

我添加了代碼來禁用對話框的外部單擊關閉。 這不起作用，有人可以告訴我我在哪里錯了嗎？ 下面的代碼示例使用 disableClose 作為 boolean 變量來禁用對話框的關閉。

openDialog(): void {
    const dialogRef = this.dialog.open(TempDialog, { disableClose: true }) {
      data: { person: " ", place: "", thing: this.thing }
    });

    dialogRef.afterClosed().subscribe(result => {
      dialogRef.disableClose = true;
}

Answer 1

查看 API： https://material.angular.io/components/dialog/api 。

disableClose是MatDialogConfig的一部分，在打開對話框時應將其傳遞給對話框。 本指南有一個很好的例子： https://blog.angular-university.io/angular-material-dialog/