md-tabs、angularjs素材のアニメーションを無効にする

Question

タブを切り替えるときのアニメーションが非常に遅いです。私のアプリケーション全体を使用不可能にします。真のショーストッパー。

このトピックに関する多くの質問があります。このアニメーションを削除することは本当に不可能ですか？

https://material.angularjs.org/latest/api/directive/mdTabs

Answer 1

だけ無効にし、CSSの次の行を追加します（PLUNKER）

さらに

/* This will disable the panel animation */ 
md-tabs [role="tabpanel"] { 
    transition: none; 
} 

/* This will disable the `ink-bar` animation (border-bottom of selected tab) */ 
md-tabs md-ink-bar { 
    transition: none; 
} 

---

を、削除/ ink-barを非表示にする場合（代わりにdisplay: nonetransition: noneを使用）し、選択したタブをカスタムスタイルで追加...

md-tabs .md-active { 
    font-weight: bold; 
    /* Add your custom css styles to selected tab here */ 
} 

** anglejs-マテリアルバージョン> 1.0.0でテストされ、動作しました。