输入 onfocus 事件在通过 # 引用它们时未检测到 html 元素

Question

待办事项：

• 我想在输入有焦点时打开日期选择器“#picker”，但在使用 onfocus 输入事件时它不起作用并给出错误：

error : 'picker is not defined'

      <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。