angular - 在 mat-select 中设置默认选项

Question

我的 Angular 材料项目中有一个简单的选择选项表单字段：

组件.html

  <mat-form-field>
    <mat-select [(value)]="modeSelect" placeholder="Mode">
      <mat-option value="domain">Domain</mat-option>
      <mat-option value="exact">Exact</mat-option>
    </mat-select>
  </mat-form-field>

where[(value)]="modeSelect"绑定到 component.ts 文件中的 modeSelect 属性

我想让它<mat-option value="domain">Domain</mat-option>在页面加载时默认选择。

ng-selected不适合我

标签： angularangular-material

Answer 1

工作堆栈闪电战

无需使用ngModel或表格

在您的 html 中：

 <mat-form-field>
  <mat-select [(value)]="selected" placeholder="Mode">
    <mat-option value="domain">Domain</mat-option>
    <mat-option value="exact">Exact</mat-option>
  </mat-select>
</mat-form-field>

并在您的组件中将您的公共属性selected设置为默认值：

selected = 'domain';