2017-02-10 4 views
2

Здравствуйте, я создал шаблон вкладки из шаблона вкладки с угловым материалом. Когда я выбираю любую вкладку, она перемещается в/из. Я хочу отключить эту анимацию.отключить анимацию вставки/вставки слайда, которая возникает, когда выбранная вкладка изменяется в 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> 

+2

Возможный дубликат из [Угловой материал mdTabs - как получить только эффект анимации вкладок, а не контент?] (http://stackoverflow.com/questions/31768789/angular-material-mdtabs-how-to-get-only-the-effect -of-tabs-animation-not-the-c) – silex

ответ

0

Мы можем отключить его с помощью

@ .disabled

имущества, которое вводится в угловых 4.3.1. Добавьте код компонента

@Hostbinding ('@. Инвалидов') отключен = истина

или в HTML <div [@.disabled]="expression"></div>

См @lokeshdaiyas комментарий на https://github.com/angular/material2/issues/2706

+0

PLZ следует помнить, что это нарушает компонент sidenav в том случае, если вы его используете – Vik