在Angular 5中的反应形式下使用MatDatePicker

Question

我正在尝试使用matdatepicker输入类型作为角度中的反应形式的属性。我有 organizationValue 作为反应形式组中的formcontrol。

这就是我在html中使用它的方式

<input class="inbox-width" matInput formControlName="organizationValue" [matDatepicker]="organizationValue">
<mat-datepicker-toggle matSuffix [for]="organizationValue"></mat-datepicker-toggle>
<mat-datepicker #organizationValue></mat-datepicker>

您可以看到我在属性 formControlName 中添加了名称 organizationValue 。

当我尝试使用命令：

输出typescript文件中的所有表格值（填写后）

this.formData.value

organizationValue属性显示 null ，但文本框，广播，复选框等表单中的其他简单输入类型显示正确的值。

反应式表格属性未绑定到matdatepicker的原因是什么？

将其用作嵌套反应形式，如下所示：

<form *ngIf="companies" [formGroup]="editForm">
  <div formArrayName="organizations" *ngFor="let organization of editForm.controls.organizations.controls; let i = index;">
    <div formGroupName="{{i}}">
      <div class="row row-margin">
        <label class="col-sm-3">{{organization.get('organizationTitle').value}}</label>
        <div class="col-sm-9">
          <input class="inbox-width" matInput formControlName="organizationValue" [matDatepicker]="organizationValue" [ngClass]="organization.get('organizationBorderError').value"
            (dateInput)="orgValueChange(i)">
          <mat-datepicker-toggle matSuffix [for]="organizationValue"></mat-datepicker-toggle>
          <mat-datepicker #organizationValue></mat-datepicker>
        </div>
      ...