Angular Material 2 个选项卡 : Removing body transition

Question

默认情况下，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;
}

Answer 1

添加:

[@.disabled]="true"

到 HTML 以禁用动画过渡。