如何在角度8的下拉列表中设置初始值

我的下拉菜单中有两个项目。我需要将初始值设置为下面数组中的第一个值是我的代码

objects = ['production', 'development'];
this.object = this.objects[0];

<div class="item">
  <select formControlName="db" class="form-control" (change)="changeDb($event)" [ngModel]="object">
    <option *ngFor="let object of objects" [ngValue]="object">{{object}}</option>
</select>
</div>

该值不是使用上面的代码设置的。它显示在 ng 反射模型中，但不显示在 UI 中

您可以通过使用 ngModel 绑定来干净地实现此目的，如下所示：

组件.ts

export class AppComponent  {
  objects = ['production', 'development'];
  // The selected node of the objects array
  selected = this.objects[1];
}

组件.html

<div class="item">
  <select class="form-control" (change)="changeDb($event)" [ngModel]="selected">
    <option *ngFor="let object of objects">{{object}}</option>
  </select>
</div>

上面的代码将预先选择对象数组的“development”节点。

因此，在您预选择第一个选项的情况下，您需要更改：

selected = this.objects[1];

to:

selected = this.objects[0];

堆栈闪电战示例：https://stackblitz.com/edit/angular-esulus https://stackblitz.com/edit/angular-esulus