Установить значение по умолчанию для раскрывающегося списка angular материал 8

Question

Я хочу, чтобы 0-й индекс был выбран по умолчанию в раскрывающемся списке angular материал.

      <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 file:

<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';