输入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 event binding：

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

有关演示，请参见this stackblitz。