在角度6的下拉列表中设置默认值

Question

我有一个名为list的组件，在其中我通过下拉菜单中的api显示所有customers ，如下图所示：

如何将第一位客户设置为默认客户？ 像这样：

演示

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 。