Ангуляр добавить mat-datepicker mat-option

@Джон Кофи · Регистрация: 05.04.2018

Author24 — интернет-сервис помощи студентам

Привет. Пытаюсь добавить выбор даты рождения и пола, смотрите фото.

Ангуляр добавить mat-datepicker mat-option

Делаю это так:

HTML5

<div>
  <div fxLayout="field" fxLayoutAlign="start end">
    <mat-form-field style="width: 22%;">
      <mat-label>Дата рождения(полных лет)<span style="color: red">*</span></mat-label>
      <input matInput [(ngModel)]="patient.birthdate" [matDatepicker]="dp">
      <mat-datepicker-toggle matSuffix [for]="dp"></mat-datepicker-toggle>
      <mat-datepicker #dp></mat-datepicker>
    </mat-form-field>
 
    <mat-form-field style="width: 22%; padding-left: 10px">
      <mat-label>Пол<span style="color: red">*</span></mat-label>
      <mat-select [(ngModel)]="patient.sex" *ngIf="dictionary.sexes" [(value)]="selected">
        <mat-option value="None"></mat-option>
        <mat-option *ngFor="let item of dictionary.sexes" [value]="item.name">
          {{item.name}}
        </mat-option>
      </mat-select>
    </mat-form-field>
  </div>
</div>

Почему-то не работает, хоть и компилируется без ошибок - грузится главная страница веба, но всё приложение не реагирует на клики, если закомментить этот код, то всё ок.
Короче, как правильно реализовать выбор даты и комбо бокс в материал дизайн?
ПС: данные patient и dictionary валидные. Опыта в вебе у меня нет, недавно начал постигать.

	16.06.2021, 12:29