Angular 角度6：开关b/w选项卡

我正在处理Angular 6应用程序，我在这里尝试做的是，一旦用户在可见的输入字段中插入信息并单击保存，我希望视图更改为“产品”选项卡。 产品是一个独立的组件，也有自己的模板。 谢谢你的帮助

---

您可以在mat选项卡组中的selectedIndex输入中添加一个变量

index = 0; // Or tab you want mat-tab-group to start with

像这样使用它

<mat-tab-group [selectedIndex]="index">

并在单击时创建一个按钮函数，将索引更改为分配给产品选项卡的编号，因为这是第二个选项卡，该编号为1

<button (click)="index = 1">

---

您可以在此处阅读有关mat选项卡输入和输出的更多信息：并查看示例。

在本例中，您使用的是带嵌套选项卡的MATTABGOUP。MatTabGroup允许您使用[selectedIndex]设置开始选项卡

示例：

<mat-tab-group [selectedIndex]="1">
  <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>

内容1
内容2
内容3