为什么不能选择mat-select的mat-option？

我创建一个对话框来插入数据：

这是html页面：

<input type="hidden" ngModel="{{au.id}}" name="id">
<mat-form-field>
  <mat-label>Name</mat-label>
  <input matInput [(ngModel)]="au.name" name="name">
</mat-form-field>
<br />
<mat-form-field>
  <mat-label>Sex</mat-label>
  <mat-select [(ngModel)]="au.sex" name="sex">   
      <mat-option [value]="nam">Nam</mat-option>
      <mat-option [value]="nu">Nu</mat-option> 
  </mat-select>
</mat-form-field>
<br />
<mat-form-field>
  <mat-label>Birth Day</mat-label>
  <input matInput type="date" [(ngModel)]="au.birthDay" name="birthDay">
</mat-form-field>
<br />
<button mat-raised-button (click)="Save()">save</button>

这是ts文件：

export class Author {
  id: string;
  name: string;
  sex: string;
  birthDay: Date;
}
export class Author_PopupComponent {
  au: Author = new Author();
}

mat-select 显示2个值，但是我选择一个选项，它无法显示在控件中选择的值。

为什么不能选择mat-option的mat-select？