为什么不能选择一个垫-选择垫-选择？

Question

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

这是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 of mat-select

Answer 1

方法1

当您的值不是动态的时，将[value]替换为<mat-option [value]="nam">Nam</mat-option>中的value。

方法2

在使用[value]时，用单引号包围mat-选项值(string)，以将其视为动态值。