角度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>