角度2反应形式无需触摸即可获取输入值答案

【问题标题】：angular 2 reactive form get input value without touched角度2反应形式无需触摸即可获取输入值
【发布时间】：2019-02-09 22:27:47
【问题描述】：

我使用的是 angular 5，reactive forms。问题是当我按值填充输入时，抛出日期选择器反应表单没有在“表单控件名称”中作为流获得值。

截图

这是我的 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>

【问题讨论】：

标签： angular typescript angular-reactive-forms

【解决方案1】：

您的容器中没有添加表单组。为了使 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>

【讨论】：

这不是问题，我有FromGroup，formControlName在我对它时会得到一个值，但是如果我设置输入文本值而没有触摸输入formControlName没有值。