如何显示一个名称，但从mat-autocomplete select的对象中获取一些其他属性的值？角度-角度材料

names = [
  { name: 'John', age: 25, gender: 'Male' },
  { name: 'Jane', age: 30, gender: 'Female' },
  { name: 'Bob', age: 35, gender: 'Male' }
];

<mat-form-field>
  <input type="text" matInput [matAutocomplete]="auto" [(ngModel)]="selectedName">
  <mat-autocomplete #auto="matAutocomplete" (optionSelected)="getOptionValue($event)">
    <mat-option *ngFor="let name of filteredNames" [value]="name.name">
      {{ name.name }}
    </mat-option>
  </mat-autocomplete>
</mat-form-field>

filteredNames: any[];
selectedName: string;

filterNames() {
  this.filteredNames = this.names.filter(name => name.name.toLowerCase().includes(this.selectedName.toLowerCase()));
}

getOptionValue(event: MatAutocompleteSelectedEvent) {
  const selectedName = event.option.value;
  const selectedObject = this.names.find(name => name.name === selectedName);
  console.log(selectedObject.age); // 输出选中选项的年龄属性值
  console.log(selectedObject.gender); // 输出选中选项的性别属性值
}

<input type="text" matInput [matAutocomplete]="auto" [(ngModel)]="selectedName" (input)="filterNames()">