Как проверить поле с типом ввода = время через контроль формы?Используемый угловой материал

Question

Поле с типом ввода = время не может быть проверено через элемент управления формы.Я получаю сообщение об ошибке:

ОШИБКА Ошибка: отсутствует средство доступа к значению для элемента управления формы с именем: thirdCtrl

Часть кода, которая не обрабатывается с помощью Vaildator

 <mat-step [stepControl]="thirdFormGroup">
    <form [formGroup]="thirdFormGroup">    
<mat-form-field formControlName="thirdCtrl">
    <input matInput type="time">
    </mat-form-field>
      <button mat-button matStepperNext>Next</button>
    </form>
  </mat-step>

Простая FormGroup для вышеуказанной формы

this.thirdFormGroup = this._formBuilder.group({
      thirdCtrl: ['', Validators.required]
    });

Я подозреваю, что произошла ошибка, потому что FormControl пытается обработать поле ввода с типом времени, но я не знаю, как изменить этот FormControl для моего случая.

Answer 1

<mat-step [stepControl]="thirdFormGroup">
    <form [formGroup]="thirdFormGroup">    
<mat-form-field>
    <input matInput type="time" formControlName="thirdCtrl">
    </mat-form-field>
      <button mat-button matStepperNext>Next</button>
    </form>
  </mat-step>

Answer 2

Попробуйте переместить formControlName="thirdCtrl" привязку с <mat-form-field> на <input>, например:

<mat-step [stepControl]="thirdFormGroup">
    <form [formGroup]="thirdFormGroup">    
       <mat-form-field>
          <input matInput type="time" formControlName="thirdCtrl">
       </mat-form-field>
      <button mat-button matStepperNext>Next</button>
    </form>
</mat-step>