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

时间:2018-11-03 12:43:13

标签: angular tabs angular-material

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

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

但是除此之外,无论网格值如何,我都有一个所有摘要标签

请访问我的sample app here..

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

但是在运行我的应用程序时,我需要使第二个选项卡处于活动状态....任何机构都可以帮助我解决这个问题吗...?

1 个答案:

答案 0 :(得分:3)

您可以使用selectedIndex以编程方式更改标签。

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

<mat-tab-group headerPosition="above" [selectedIndex]="1">

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