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

Question

我的 Angular Material 项目中有一个简单的选择选项表单字段:

组件.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>

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

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

ng-selected对我不起作用

Answer 1

Working StackBlitz

无需使用 ngModel 或 Forms

在您的 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>

并且在您的组件中将您的公共(public)属性 selected 设置为默认值:

selected = 'domain';