禁用當選定的選項卡在angularjs v1.5中更改時發生的幻燈片輸入/輸出動畫

您好，我已經從角度材質選項卡模板創建了一個選項卡模板。當我選擇任何標籤時，它會滑入/滑出。我想禁用該動畫。禁用當選定的選項卡在angularjs v1.5中更改時發生的幻燈片輸入/輸出動畫

<md-content class="md-padding"> 
<md-tabs class="md-accent" md-selected="data.selectedIndex" md-align-tabs="{{data.bottom ? 'bottom' : 'top'}}"> 
    <md-tab id="tab1"> 
    <md-tab-label>Item One</md-tab-label> 
    <md-tab-body> 
     View for Item #1 <br/> 
     data.selectedIndex = 0; 
    </md-tab-body> 
    </md-tab> 
    <md-tab id="tab2" > 
    <md-tab-label>item2</md-tab-label> 
    <md-tab-body> 
     View for Item #2 <br/> 
     data.selectedIndex = 1; 
    </md-tab-body> 
    </md-tab> 
    <md-tab id="tab3"> 
    <md-tab-label>Item Three</md-tab-label> 
    <md-tab-body> 
     View for Item #3 <br/> 
     data.selectedIndex = 2; 
    </md-tab-body> 
    </md-tab> 
</md-tabs>

來源

2017-02-10 Rohan Sampat

可能重複評論[角度材料mdTabs - 如何獲得僅標籤動畫而不是內容的效果？]（http://stackoverflow.com/questions/31768789/angular-material-mdtabs-how-to-get-only-the-effect -of-tabs-animation-not-the-c） – silex

我們可以通過使用

@這是在角4.3.1介紹.disabled

屬性禁用它。將代碼添加到您的組件

@Hostbinding（ '@。禁用'）禁用=真

或在你的HTML <div [@.disabled]="expression"></div>

參考@lokeshdaiyas上https://github.com/angular/material2/issues/2706

來源

2017-10-18 13:54:48 Praneesh

PLZ請注意，如果您使用的是Sidenav組件，則會發生這種情況 – Vik

禁用當選定的選項卡在angularjs v1.5中更改時發生的幻燈片輸入/輸出動畫

回答

相關問題