在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版本> 1.0.0测试和工作