角度材料2选项卡：移除物体转换

Question

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

---

我目前使用此解决方案，这是我讨厌，但我会离开这里，以防别人的好处，从它：

component.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

Add：

[@.disabled]="true" 

要禁用动画转换的HTML。