在Angular Material Md-tabs中添加新选项卡后，滚动到最后一个选项卡

Question

我有一个实现，可以添加新的md-tabs。选项卡像菜单一样水平放置。当我单击“添加选项卡”按钮时，md-选项卡应滚动到最后一个（到新添加的选项卡）。如何实现呢？

Answer 1

对于材料2，您可以使用对selectedIndex进行2种方式绑定的[[selectedIndex）] =“ number”。

如果您的添加选项卡按钮将新对象推入数组，则可以编写

 <mat-tab-group [(selectedIndex)]="tabArray.length">
  <mat-tab label="First">
    <ng-template matTabContent>
      The First Content
    </ng-template>
  </mat-tab>
  <mat-tab label="Second">
    <ng-template matTabContent>
      The Second Content
    </ng-template>
  </mat-tab>
</mat-tab-group>

<button mat-button (click)="pushNewTab('three')>Add tab</button>

在组件中

public tabArray = ['one', 'two']
public pushNewTab(newtab) {
  this.tabArray.push(newtab);
}