无法使用角度在 html 选择中重置第一个项目

Question

当我最初在模态窗口中打开它时，我的下拉菜单工作正常。 如果我将选择更改为某个选择下拉值，然后关闭模态并重新打开，它会保持不变。 它不会将其重置为“未选择”

这是我在做什么

 // in my ts file when I open the modal this.geModal.state = '';

 <select class="form-control" name="prState"> <option [selected]="geModal.state == ''">None selected</option> <option *ngFor="let state of stateList" [value]="state.code" [selected]="geModal.state == state.code"> {{state.name}} </option> </select>

Answer 1

您不应将[selected]与[ngModel]混合使用，不要为state使用默认值并为默认选项设置value="undefined" ：

<select class="form-control" [(ngModel)]="geModal.state" name="prState">
  <option value="undefined">None selected</option>
  <option *ngFor="let state of stateList" [value]="state.code">{{state.name}}</option>
</select>