角度6：切换黑白标签

Question

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

Answer 1

您可以在mat-tab-group中将变量添加到selectedIndex输入。

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

并像这样使用它

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

并单击创建按钮功能，将索引更改为分配给“产品”标签的编号，因为它是您的第二个标签，所以该编号为1。

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

您可以在https://material.angular.io/components/tabs/api上阅读有关mat-tab的输入和输出的更多信息，并查看示例。

Answer 2

在此示例中，您将使用带有嵌套选项卡的matTabGroup。 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>