Я использую 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"
.Все работало нормально тогда.Очевидно, это не изящное решение ..
Заранее спасибо!