在Angular中,使用MAT_DIALOG_DATA注入器可以在mat-dialog组件中访问传递给对话框的数据。如果在mat-dialog组件中没有可用数据,可能有以下几个原因:
import { MAT_DIALOG_DATA } from '@angular/material/dialog';
constructor(@Inject(MAT_DIALOG_DATA) public data: any) { }
// 在组件中打开mat-dialog
openDialog() {
const dialogRef = this.dialog.open(MyDialogComponent, {
data: { name: 'John', age: 30 }
});
}
{{ data.name }}
Age: {{ data.age }}
// mat-dialog组件的组件代码
export class MyDialogComponent {
constructor(@Inject(MAT_DIALOG_DATA) public data: any) { }
}
确保按照上述步骤操作,以确保mat-dialog中的数据可用。