Question

当前所选选项的值在userDetail.timezone中这不起作用

<option selected="userDetail.timezone" value="{{timezone.value}}" *ngFor="let timezone of timezones.success">`

..

<div class="form-group">
   <select class="form-control" formControlName="timezone" name="timezone" *ngIf="timezones">
            <option value="{{timezone.value}}" *ngFor="let timezone of timezones.success">
              {{timezone.name}}
            </option>
  </select>
 </div>

Answer 1

您可以使用条件选择选项：

<option [selected]="userDetail.timezone == timezone" [value]="timezone.value" *ngFor="let timezone of timezones.success">`

Answer 2

由于您使用的是反应式表单，因此必须使用表单的select方法绑定默认值setValue

this.updateForm.controls.timezone.setValue(userDetail.timezone)

将此行放入ngOnInit()方法中，以便默认情况下绑定该值

从ngFor列表中预选择选项

2 个答案: