如何使用角度材质选项卡将选项卡设置为默认的选项卡

Hee*_*ena -1 tabs angular-material angular

我已经使用来自角材料的Grid和Tab组件实现了一个示例角应用。

我已经实现了网格和选项卡之间的数据绑定,以使许多选项卡可以使用的可用网格值数量得以打开。

但是除此之外,无论网格值如何,我都有一个ALL Summary选项卡

在这里访问我的示例应用程序。

在我的应用程序中,将“所有摘要”选项卡设置为默认值,并在首次运行我的应用程序时将其激活。

但是在运行我的应用程序时,我需要第二个选项卡处于活动状态。

Mar*_*hal 6

您可以使用selectedIndex以编程方式更改选项卡。

例如,这会将标签设置为Jennifer Ashlock

<mat-tab-group headerPosition="above" [selectedIndex]="1">
Run Code Online (Sandbox Code Playgroud)

您可以在组件中将1替换为变量,然后将索引值更改为所需的值。