angular - Angular 5 无法在下拉框中设置选项

Question

我想根据来自数据库的值保留下拉框中的选项。在.ts文件中，我执行了以下操作：

public availList: any = [{'id':0, 'value':'Open'}, {'id':1, 'value':'Closed'}];

在 中.html，我做了以下事情：

<select class="form-control" name="monday" id="monday" [ngModel]="user.monday" (ngModelChange)="user.monday = $event" (change)="AvailabilityChange($event.target.value, 'monday')" #monday="ngModel">
  <option *ngFor="let av of availList" [value]="availability.availability">{{av.value}}</option>
</select>

我看到availability.availability的值返回0{{availability.availability}}但是，我看到在下拉框中，没有选择任何选项。它应该选择“打开”选项。

标签： angularngfor

Answer 1

在您的班级中分配user.monday = 0，因此将在页面加载时选择“打开”。