代码之家 › 专栏 › 技术社区 › core114

“角度材质”选项卡活动问题

angular6 angular-material angular

2

core114 · 技术社区 · 8 年前

我是角度和角度材料的初学者,我使用了垫子标签

活动的Mat选项卡始终是第一个选项卡,任何人都知道如何激活第二个选项卡。何时使用角材?

代码

<mat-tab-group>
      <mat-tab label="First"> Content 1 </mat-tab>
      <mat-tab label="Second"> Content 2 </mat-tab>
      <mat-tab label="Third"> Content 3 </mat-tab>
    </mat-tab-group>

2 回复 | 直到 8 年前

1

Sachila Ranawaka 8 年前

使用 selectedIndex 财产

<mat-tab-group class="m-t-30" [selectedIndex]="1">

2

Mark Yu 8 年前

使用selectedIndex=“yourValue”。你可以这样使用这个属性

<mat-tab-group class="m-t-30" [selectedIndex]="yourvalue">

或者,您可以通过为组件中的每个单击事件添加一个循环或迭代,并增加选项卡的值来动态地执行此操作,以防有很多选项卡。