Javascript Can';t在html选择中使用angular获取要重置的第一项

Javascript Can';t在html选择中使用angular获取要重置的第一项,javascript,html,angular,drop-down-menu,Javascript,Html,Angular,Drop Down Menu,当我最初在模态窗口中打开下拉菜单时,它工作正常。 如果我将“选择”更改为某个选择下拉值,然后关闭模式并重新打开,它将保持不变。它不会将其重置为“未选择” 这就是我正在做的 //打开模式文件时,在我的ts文件中 this.geModal.state='' 未选择 {{state.name} 您不应将[selected]与[ngModel]混用,不要为状态使用默认值,并为默认选项设置value=“undefined”: <select class="form-control" [(ngMo

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

这就是我正在做的

//打开模式文件时,在我的ts文件中
this.geModal.state=''

未选择
{{state.name}

您不应将
[selected]
[ngModel]
混用,不要为
状态使用默认值,并为默认选项设置
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>


未选择
{{state.name}

您不应将
[selected]
[ngModel]
混用,不要为
状态使用默认值,并为默认选项设置
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>


未选择
{{state.name}