<md-tabs>-引起怪异动画的ng-switch-when =“ 0”

时间:2018-10-03 18:01:57

标签: angularjs angularjs-material

我正在结合使用md-tabsng-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"。一切都很好。显然,这不是一个很好的解决方案。

谢谢!

0 个答案:

没有答案