如何在Angular 6中将第一个选项设置为默认选项

Question

在ngFor <select>中使用<option>伪指令，如果未填充ngModel，我想使用列表中的第一个选项作为默认选项。我发现的Angular <= 4解决方案（例如使用[selected]）显然不再起作用。

代码如下：

<select [(ngModel)]="favoriteSnack">
  <option *ngFor="let snack of opts" [value]="snack">{{snack}}</option>
</select>

Answer 1

对于Angular 4，有几个答案，但是从那以后情况发生了变化。这就是我想出的。

<select [ngModel]="favoriteSnack ? favoriteSnack : opts[0]"
        (ngModelChange)="favoriteSnack = $event">
  <option *ngFor="let snack of opts" [value]="snack">{{snack}}</option>
</select>

如果有更好的答案，我将很高兴看到它！