在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: none代替transition: none）并添加自定义样式选定的标签...

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

** 从angularjs-material版本测试和工作＆gt; 1.0.0