使用转到下一个选项卡时，按钮不使用角形材料出现

Question

我正在使用angular material标签库来显示垂直和水平标签。有3个水平标签，在第2个水平标签中，有垂直标签。当我按下Next按钮时，它应该转到下一个水平选项卡。它与第一个水平选项卡一起使用，但是在第二个水平选项卡中Next按钮未出现。

这里是：stackblitz - ngular-material-tabs-inside-tab

在tab-group-basic-example.html在第二个水平选项卡中，我放置了Next按钮：

<div class="m-10">
   <button (click)="nextTab(2)">Next</button>
</div>

在ts文件中：

nextTab(index: number): void {
    this.selectedIndex = index;
}

Answer 1

看起来像是您要显示mat-tab以外的内容。将下一个按钮移到其中可以达到目的：

        <mat-tab *ngFor="let tab of tabs; let index = index" [label]="tab">
          <div class="m-10" #appenHere></div>
          Contents for {{tab}} tab <br> <br>
          <button (click)="addNewComponent()">
            Append to {{tab}}
          </button>
          <div class="m-10">
            <button (click)="nextTab(2)">Next</button>
          </div>
        </mat-tab>