自动对焦选项卡组内的输入元素

Question

有没有办法在mat-tab-group内的mat-tab元素内的输入元素上设置自动对焦？ 当前行为是焦点设置为第一个标签的标签。

我尝试编写一个指令，在该元素上设置延迟焦点，但只有在超时足够高时才有效。 500毫秒，这似乎不是一个好的选择。

有没有办法阻止mat-tab-groups抓住焦点？我认为这与可访问性有关，但就我而言，它只是非常无益。

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
}