Угловой материал 2 Вкладки: Снятие перехода корпуса

Question

По умолчанию содержимое вкладки в материале 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

Добавить:

[@.disabled]="true" 

В HTML, чтобы отключить переход анимации.