Angular Material mat-select 设置默认选择值

【问题标题】：Angular Material mat-select set default selected valueAngular Material mat-select 设置默认选择值
【发布时间】：2019-01-02 17:14:45
【问题描述】：

我正在使用 Angular 7 和 Angular Material。我希望我有一个默认值，但它没有按预期工作。

 <mat-select required [(value)]="userProfile.gender">
    <mat-option value="Male">Male</mat-option>
    <mat-option value="Female">Female</mat-option>
  </mat-select>

userProfile 确实有一个属性，并且在我的测试用例中值为 Male，但在 html 中没有选择任何内容。我做错了什么？

【问题讨论】：

你能发布打字稿代码吗？

标签： javascript angular angular-material

【解决方案1】：

我不知道为什么，但是将 [(value)] 更改为 [(ngModel)] 解决了它

  <mat-select required [(ngModel)]="userProfile.gender">
    <mat-option value="Male">Male</mat-option>
    <mat-option value="Female">Female</mat-option>
  </mat-select>

【讨论】：

查看此链接了解更多关于使用 ngModel - stackoverflow.com/questions/47333171/…
您将值/对象与简单的字符串数组区别对待 - 请参阅 reddit.com/r/Angular2/comments/65run4/…
谢谢你们俩
@dshukertjr - 如果您使用 Angular >=6，则不建议使用此方法。您将在控制台中收到以下警告。看起来您在与 formControlName 相同的表单字段上使用 ngModel。 Angular v6 中已弃用对使用 ngModel 输入属性和 ngModelChange 事件和响应式表单指令的支持，并将在 Angular v7 中删除。