首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >无法使用角度在html选择中获取要重置的第一个项目

无法使用角度在html选择中获取要重置的第一个项目
EN

Stack Overflow用户
提问于 2019-12-14 07:11:53
回答 1查看 26关注 0票数 0

当我最初在模式窗口中打开它时,我的下拉列表工作得很好。如果我将选择更改为某个选择下拉值,然后关闭模式并重新打开,它将保持不变。它不会将其重置为“无选择”

这就是我要做的

代码语言:javascript
运行
复制
// in my ts file when I open the modal
this.geModal.state = '';
代码语言:javascript
运行
复制
<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>

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2019-12-14 07:21:45

你不应该把[selected][ngModel]混在一起,不要对state使用默认值,并将value="undefined"设置为默认选项:

代码语言:javascript
运行
复制
<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>
票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/59330898

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档