входное событие onfocus не обнаруживает элемент html при ссылке на них #

Question

Todo:

• Я хочу открыть средство выбора даты "#picker", когда его ввод имеет фокус, но он не работает при использовании события ввода onfocus и выдает ошибку:

ошибка: «сборщик не определен»

      <mat-form-field style="width: 100%;">
          <input matInput [matDatepicker]="picker" onfocus="picker.open()"
 placeholder="Choose a date">
          <mat-datepicker-toggle matSuffix [for]="picker">
          </mat-datepicker-toggle>
          <mat-datepicker #picker></mat-datepicker>
      </mat-form-field>

но когда я сделал это нажатием кнопки, это сработало

<button mat-button (click)="picker.open()">show date picker</button>

как я могу сделать это, сосредоточившись на входе

Answer 1

Вы должны использовать Angular привязку события :

<input ... (focus)="picker.open()" >

См. этот стек-блиц для демонстрации.