html - 与 mat-date-range-input 一起使用时，即使设置了错误，mat-error 也不会显示

Question

我有以下日期范围选择器：

<mat-form-field>
     <mat-label>Label</mat-label>
          <mat-date-range-input
            [rangePicker]="picker">
            <input formControlName="dateRangeFrom" id="dateRangeFrom" matStartDate
              placeholder="From">
            <input formControlName="dateRangeTo" id="dateRangeTo" matEndDate
              placeholder="To">
          </mat-date-range-input>
          <mat-error *ngIf="filterForm.controls.dateRangeFrom.hasError('matDatepickerParse')">
            Parse Error
          </mat-error>
          <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
          <mat-date-range-picker #picker></mat-date-range-picker>
        </mat-form-field>

即使控件有错误，并且在调试时，hasError 返回 true，mat-error 也不会显示。当我把它放在表单域之外时，它确实会显示出来，但这当然不是我想要的。知道为什么会这样吗？