如何在angular2材质对话框中传递对象？

export class User {
  name: string;
  age: number;
}

import { User } from './user.model';

export class DialogComponent {
  user: User = new User();
}

import { MatDialog } from '@angular/material/dialog';
import { DialogComponent } from './dialog.component';

export class AppComponent {
  constructor(private dialog: MatDialog) {}

  openDialog(): void {
    const dialogRef = this.dialog.open(DialogComponent, {
      data: this.user
    });
  }
}

import { Component, Inject } from '@angular/core';
import { MAT_DIALOG_DATA } from '@angular/material/dialog';

@Component({
  selector: 'app-dialog',
  templateUrl: './dialog.component.html',
  styleUrls: ['./dialog.component.css']
})
export class DialogComponent {
  constructor(@Inject(MAT_DIALOG_DATA) public data: User) {}
}

<h2>{{ data.name }}</h2>
<p>Age: {{ data.age }}</p>