- ng-switch-when = "0" вызывает странную анимацию - PullRequest
0 голосов
/ 03 октября 2018

Я использую 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 секунды.

Я даже пытался удалить содержимое всех вкладок, но, к сожалению,анимация все еще появляется.Я также удалил все CSS-файлы, кроме AngularJS Material, но, к сожалению, он все тот же.Я использую последнюю версию AngularJS Material.

Не могу понять, почему это происходит, я надеюсь, что кто-то может мне помочь.(даже пытался захватить все анимации с помощью инструментов web-dev)

PS: Это должно быть проблемой, которая возникает при использовании ng-switch-when="0", так как я спрятал первую вкладку с помощью css display: none; и переписал ng-switch-when="0" до ng-switch-when="1".Все работало нормально тогда.Очевидно, это не изящное решение ..

Заранее спасибо!

...