gpt4 book ai didi

javascript - 无法使用 Angular 在 html 选择中重置第一项

转载 作者:行者123 更新时间:2023-12-01 00:22:06 25 4
gpt4 key购买 nike

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

这就是我正在做的事情

// 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>

最佳答案

您不应将[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>

关于javascript - 无法使用 Angular 在 html 选择中重置第一项,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59330898/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com