角度材料ダイアログの戻り値

Question

次のダイアログコンポーネントがあります（別のコンポーネントでdialog.open（MyDialogComponent）を使用して開きます）。

export class MyDialogComponent implements OnInit { 
    constructor(public matDialogRef: MatDialogRef<MyDialogComponent>) {} 

    ngOnInit() {} 
} 

私は私がダイアログコンポーネント内のボタンにバインドされmatDialogRef.close（dataToReturn）を実行することにより、呼び出し側コンポーネントに任意のデータを返すことができます知っています。しかし、ユーザーが他の場所をクリックしてポップアップを閉じると、データを返すことはできますか？

Answer 1

誰かが興味があれば、私は解決策を見つけました（それが最善のものかどうかはわかりません）。バックグラウンドでクリックするとポップアップが閉じないように、デフォルトのクローズ操作を無効にするだけです。

matDialogRef.disableClose = true;//disable default close operation 
matDialogRef.backdropClick().subscribe(result => { 
    matDialogRef.close(dataToReturn); 
}); 

このようにして、ダイアログがボタンで閉じるか、別の場所でクリックされたかにかかわらず、呼び出し側コンポーネントがデータを受け取ります。