角度材料2选项卡:移除物体转换
问题描述:
默认情况下,用于Angular 2的材料2中的选项卡内容从一侧滑动到另一侧。有没有办法改变或禁用转换,同时保留所有功能(例如将html放入标签中的能力以及干净的模板语法)?角度材料2选项卡:移除物体转换
我目前使用此解决方案,这是我讨厌,但我会离开这里,以防别人的好处,从它:
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;
}
答
Add:
[@.disabled]="true"
要禁用动画转换的HTML。