将默认值设置为下拉列表角材料8

Question

我希望在下拉列表角度材料中将第0个索引选择为默认值。

      <mat-form-field>
        <mat-select name="dashboard" (selectionChange)="showDashboard(dashboard)" [(ngModel)]="dashboard" [(value)]="selected">
          <mat-option *ngFor="let status of CLIENT_STATUS" [value]="status.id">
            {{ status.name }}
          </mat-option>
        </mat-select>
      </mat-form-field>

任何人都可以告诉在加载页​​面时必须执行哪些操作来设置默认值吗？

Answer 1

下面是一个例子：HTML文件：

<mat-form-field>
  <mat-label>Test</mat-label>
  <mat-select [(value)]="selected">
    <mat-option value="option1">Option 1</mat-option>
    <mat-option value="option2">Option 2</mat-option>
  </mat-select>
</mat-form-field>

并且在您的TS文件中设置默认值：

  selected = 'option1';