Question

我正在尝试使用formbuilder（formControlName）绑定数据

在添加数据时它可以正常工作，但是在读取或尝试更新数据时datepicker为空。这是我的html代码

 <div class="form-group">
            <label for="picker2" class="control-label">{{'DateOfExpense' | translate}}</label>
            <div class="input-group">
              <input class="form-control" [matDatepicker]="picker" readonly
                placeholder="{{'DateOfExpense' | translate}}"  
                formControlName="DateOfExpense" >
              <mat-datepicker-toggle matSuffix [for]="picker"  ></mat-datepicker-toggle>
              <mat-datepicker #picker></mat-datepicker>
              <mat-error *ngIf="submitted && f.DateOfExpense.errors!=null">
                  <div *ngFor="let error of getErrors(f.DateOfExpense)">
                      - {{ error | translate}}
                  </div>
              </mat-error>
            </div>
          </div>

Answer 1

您是否将表单元素（输入等）包装在表单标签中并赋予了formGroup？您可能要浏览一下文档

Answer 2

如果在HTML模板中使用formControlName，则它应位于角度组件的相应FormGroup实例下，只有输入字段的值才会绑定到组件数据。

希望以下链接将帮助您了解formControlName的用法。 https://stackoverflow.com/a/40172009/1430266

与FormControlName以角度绑定

2 个答案: