Автофокус на элементах ввода внутри группы вкладок

Question

Есть ли способ установить автофокус на элементы ввода внутри элементов mat-tab внутри группы mat-tab? Текущее поведение заключается в том, что фокус установлен на метку первой вкладки.

Я попытался написать директиву, которая устанавливает отложенный фокус на элементе, но это работает, только если время ожидания достаточно велико> 500 мс, однако это не кажется хорошим выбором.

Есть ли способ предотвратить фокусировку групп вкладок матов? Я считаю, что это как-то связано с доступностью, но в моем случае это просто очень бесполезно.

Answer 1

Если вы используете событие selectedTabChange, оно должно работать нормально:

<mat-tab-group (selectedTabChange)="focus($event)">
    <mat-tab label="Tab 1">Content 1</mat-tab>
    <mat-tab label="Tab 2">
        <mat-form-field>
            <mat-label>Content 2</mat-label>
            <input matInput #input>
        </mat-form-field>
    </mat-tab>
</mat-tab-group>


focus(event: MatTabChangeEvent) {
    // your code here
}