我正在结合使用md-tabs
和ng-switch-when
在我的网站上显示内容。除了选项卡的动画外,其他所有东西都正常运行。
我的代码如下:
<md-content class="mt-40">
<md-tabs md-dynamic-height md-border-bottom md-selected="tabs_selected_index">
<md-tab label="Overview" ng-disabled="!search"></md-tab>
<md-tab [...]
</md-tabs>
<div ng-cloak ng-switch="tabs_selected_index">
<!-- Overview -->
<div ng-switch-when="0">
<div class="mt-30">
[...]
每当我从“概述”选项卡切换到另一个选项卡时,一切正常。有默认的动画,仅此而已。喜欢它应该。但是,当我从另一个选项卡切换到“概述”时,动画完全混乱了。我什至不知道如何描述它,但它会不断地上下移动,直到1-2秒后结束。
我什至试图删除所有选项卡的内容,但遗憾的是动画仍然出现。我还删除了除AngularJS Material之外的所有css文件,但遗憾的是它仍然相同。我正在使用最新版本的AngularJS材质。
无法真正弄清楚为什么会发生这种情况,希望有人能帮助我。 (甚至尝试使用网络开发工具捕获所有动画)
PS:这肯定是在使用ng-switch-when="0"
时出现的问题,因为我已经用CSS display: none;
隐藏了第一个标签并将ng-switch-when="0"
重写为ng-switch-when="1"
。一切都很好。显然,这不是一个很好的解决方案。
谢谢!