как обрабатывать авто клик с материалом угловым

Question

Я хотел бы использовать материал вкладок макета с Angular:

https://material.angular.io/components/tabs/overview

Я хотел бы использовать автоматический щелчок, как мне это сделать?Как попросить угловой нажать ссылку «Tab1», подождать 3 секунды и нажать «Tab2» в цикле.

Answer 1

Вы можете привязать к selectedIndex свойству <mat-tab-group>, например:

html:

<mat-tab-group [(selectedIndex)]="selectedIndex">
  <mat-tab label="Tab 1">Content 1</mat-tab>
  <mat-tab label="Tab 2">Content 2</mat-tab>
</mat-tab-group>

компонент:

selectedIndex = 0;
...

    ngOnInit() {
        setTimeout(() => {
            this.selectNextTab();
        }, 3000);
    }

    selectNextTab() {
        this.selectedIndex++;
    }
...