Чтобы установить значение по умолчанию в раскрывающемся списке угловых 6

Question

У меня есть компонент с именем список , где я отображаю все свои customers из api в раскрывающемся меню, как показано ниже:

Как установить первого клиента по умолчанию?как это:

DEMO

Answer 1

Просто добавьте это:

selectedCustomer = '01';

И в шаблоне используйте [(ngModel)]:

<div class="main-div">
  <h3>List</h3>
  <mat-form-field>
    <mat-select 
      placeholder="Select Customer" 
      [(ngModel)]="selectedCustomer">
      <mat-option 
        *ngFor="let customer of customers" 
        [value]="customer.id" 
        (click)="selected($event, customer.id)">
        {{customer.name}}
      </mat-option>
    </mat-select>
  </mat-form-field>
</div>

---

Вот Рабочий пример StackBlitz для вашей ссылки.