angular - 设置默认值以使用反应形式进行选择
问题描述
我有一些这样的功能:
cancel(): void {
this.form.reset();
this.router.navigate([], { queryParams: { activeOnly: false } });
}
在这样的html中:
<select class="form-control-sm" id="select-process-type" formControlName="processType">
<option [selected]="!form.get('processType').value" disabled>
{{'type' | translate}}
</option>
<option [value]="'1'" [innerHTML]="'1' | translate">
</option>
<option [value]="'2'" [innerHTML]="'2' | translate">
</option>
<option [value]="'3'" [innerHTML]="'3' | translate">
</option>
</select>
我遇到的问题是当我打电话时
this.form.reset();
它用表单清除所有值,甚至没有显示第一个,因为我使用的第一个选项就像占位符
这里应该是什么
这就是它的作用
解决方案
[value]="null"
在默认选项中设置。
试试这样:
<option [selected]="!form.get('processType').value" [value]="null" disabled>
{{'type' | translate}}
</option>
推荐阅读
- php - 动态 IP 服务器的 Google API 密钥
- javascript - 无法为带有字符串作为参数的角度组件创建构造函数
- python - 在python中添加到列表时如何添加椭圆括号
- python - 如何使用 mingw-w64、Python 和 pybind11 手动构建 C++ 扩展?
- javascript - 使用 jQuery 滚动一个 div 以触发另一个 div 以不同的速度滚动
- css - 在单页wordpress上更改图像背景
- ubuntu - NGINX 流式 RTMP:没有接受的连接,没有错误
- excel - VBA 代码将数据从所有工作表收集到主工作表
- html - 如何将我的图像变成链接到另一个 html 页面的按钮
- scaling - 如何针对多个 Vtgate 对多个应用程序服务器进行负载平衡