無法使用角度在 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>