angular - 角度2反应形式无需触摸即可获取输入值
问题描述
我正在使用angular 5,反应形式。问题是当我按值填充输入时,抛出日期选择器反应表单没有在“表单控件名称”中作为流获得值。
截屏
这是我的 HTML:
<div class="col-sm-2 mb-2">
<label >From</label>
<input type="text" id="fromDate" class="form-control " placeholder="From Date" formControlName="fromDate"
[ngClass]="{'is-invalid':ifHasError('fromDate')}" >
<div class="invalid-tooltip">
<span *ngIf="ifRequired('fromDate')">
{{ifRequired('fromDate')}}
</span>
</div>
</div>
解决方案
没有表单组添加到您的容器中。为了使 formControlName 起作用,父元素必须具有 [fromGroup]="myForm" 并且在您的组件中,您需要像这样定义 myForm:
myForm: FromGroup();
constructor(
private fb: FormBuilder
){
this.myForm = fb.group({
fromDate: ["", Validators.required]
})
}
在您的模板中
<div [formGroup]="myForm">
<input formControlName="fromDate" placeholder="From Date" type="date" />
</div>
推荐阅读
- kubernetes - Istio 服务网格和大型 http 请求 uri
- java - 在 Java 中使用附加 API
- c++ - 微软基于 Intel 的库建议这个并发库有什么意义?
- python - 从这个网站上用 Python 抓取数据的最佳方法是什么?
- angular - 在将数据添加到 Firestore 数据库时,防止 Angular 路由重定向到登录页面
- powershell - 如何通过 PowerShell 脚本安装 AWS CLI?
- matplotlib - 为什么我在导入 matplotlib.animation 时出错?
- python-3.x - 点击href链接selenium python
- java - 如何在课堂上获得 Delta x 和 Delta y 以将它们添加到 x 和 y?
- arrays - 在 Rust 中强制转换整数数组