javascript - 如何使用按钮返回 javascript(Angular Material)的最后一个选项卡？

Question

我的代码总结

我想如果我点击“返回内容”，我会返回到内容选项卡 1；

<mat-tab-group mat-stretch-tabs>
    <mat-tab label="content 1">
        ........
    </mat-tab>
    <mat-tab label="content 2">
        <button mat-raised-button (click)=""> go Back content 1</button>
    </mat-tab>
</mat-tab-group>

Answer 1

您可以将当前选定选项卡的索引绑定(bind)到一个变量，然后在需要时设置该变量，如下所示:

<mat-tab-group mat-stretch-tabs [selectedIndex]="selectedIndex">
    <mat-tab label="content 1">
        ........
    </mat-tab>
    <mat-tab label="content 2">
        <button mat-raised-button (click)="selectedIndex = 0"> go Back content 1</button>
    </mat-tab>
</mat-tab-group>

您可以阅读更多 here .