Question

默认情况下，Angular 2的Material 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以禁用动画过渡。

角度材质2标签：去除身体过渡

1 个答案: