小编Rya*_*son的帖子

默认情况下，Angular 2 的 Material 2 中的选项卡内容会左右滑动。有没有办法改变或禁用转换，同时保留所有功能（例如将 html 放入标签的能力，以及干净的模板语法）？

我目前正在使用这种我讨厌的解决方法，但我会离开这里，以防其他人从中受益：

组件.html：

<md-tab-group [selectedIndex]="selectedIndex"
 (selectChange)="changeSelectedIndex($event)">
    <md-tab>
      <template md-tab-label>
        1
      </template>
    </md-tab>
    <md-tab>
      <template md-tab-label>
        2
      </template>
    </md-tab>
</md-tab-group>

<div *ngIf="selectedIndex===0">
  Body for 1
</div>
<div *ngIf="selectedIndex===1">
  Body for 2
</div>

component.ts（每个选项卡组需要不同的 selectedIndex 和 changeSelectedIndex ）：

selectedIndex: number = 0;

changeSelectedIndex(event) {
  this.selectedIndex = event.index;
}