Как проверить Угловой Материал Datepicker?

Question

У меня есть следующий код:

<form [formGroup]="meetingFormGroup">

                  <!-- Date Input -->
                  <mat-form-field>
                    <input
                      matInput
                      [min]="minDate"
                      [max]="maxDate"
                      [matDatepicker]="picker"
                      placeholder="Choose a date"
                      formControlName="date"
                      required
                    >
                    <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
                    <mat-datepicker #picker></mat-datepicker>

                    <mat-error *ngIf="meetingFormGroup.controls['date'].hasError('required')"
                      >Please choose a date.</mat-error
                    >
                    <mat-error *ngIf="?????"
                      >Entered date is too small.</mat-error
                    >
                  </mat-form-field>
                </form>

Теперь на веб-сайте Angular Material в разделе «Проверка даты» я прочитал следующее:

Каждое свойство проверки имеет различную ошибку, которую можно проверить:

A value that violates the min property will have a matDatepickerMin error.
A value that violates the max property will have a matDatepickerMax error.
A value that violates the matDatepickerFilter property will have a matDatepickerFilter error.

Итак, мой вопрос, как я могу проверить эти ошибки в моих тегах mat-error. Что мне нужно написать в поле выражения * ngIf?

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

Спасибо!

Answer 1

С веб-сайта Angular Material ( здесь ):

• Значение, нарушающее свойство min, будет иметь ошибку matDatepickerMin.
• Значение, нарушающее свойство max, будет иметь ошибку matDatepickerMax.
• Значение, нарушающее свойство matDatepickerFilter, будет содержать ошибку matDatepickerFilter.

Итак, вы будете использовать:

• Мин. meetingFormGroup.controls['date'].hasError('matDatepickerMin')
• Для макс. - meetingFormGroup.controls['date'].hasError('matDatepickerMax')
• Для фильтра - meetingFormGroup.controls['date'].hasError('matDatepickerFilter').