Автофокус с угловой панелью расширения материала

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

Использование

(focus) = "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 в качестве аргумента funtion ().Благодаря.