角度2电抗形式无需触摸即可获得输入值

Question

我正在使用角度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>

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