使用Angular材料自动对焦扩展面板

Question

我是Angular的新手，我正在尝试在材料扩展面板中使用材料输入组件。我希望扩展扩展面板时input能够自动聚焦。但由于某些原因，autofocus="autofocus"似乎不适用于输入字段。我看到材料文档中有一个focus方法，但我不知道如何使用它。这是代码：`

<mat-accordion>
  <mat-expansion-panel>
    <mat-expansion-panel-header>
      <mat-panel-title>
        Personal data
      </mat-panel-title>
      <mat-panel-description>
        Type your name 
      </mat-panel-description>
    </mat-expansion-panel-header>
    <mat-form-field>
      <input matInput placeholder="First name" autofocus="autofocus">
    </mat-form-field>
  </mat-expansion-panel>
</mat-accordion>

`

Answer 1

使用

（焦点）=“myFocusMethod（$ event，orPassAnyVars）”

通常：在Angular应用程序中广泛使用的热门事件如下：

(focus)="myMethod()"
(blur)="myMethod()"

(submit)="myMethod()"

(scroll)="myMethod()"

(cut)="myMethod()"
(copy)="myMethod()"
(paste)="myMethod()"

(keydown)="myMethod()"
(keypress)="myMethod()"
(keyup)="myMethod()"

(mouseenter)="myMethod()"
(mousedown)="myMethod()"
(mouseup)="myMethod()"

(click)="myMethod()"
(dblclick)="myMethod()"

(drag)="myMethod()"
(dragover)="myMethod()"
(drop)="myMethod()"

您可以使用$ event作为function（）参数来捕获事件。谢谢。