Когда вы запускаете параллельные объединения на родительском элементе и его дочернем элементе, и вы изменяете состояние родителя, дочерний элемент напрямую переходит в одно из двух состояний без выполнения интерполяции.
Воспроизведение этой ошибки: https://stackblitz.com/edit/angular-8psu9c
Здесь есть два триггера анимации:
Первый позволяет вам обновить z-индекс элемента, чтобы гарантировать, что элемент, над которым вы наводите курсор,над всеми остальными элементами.
Второй увеличивает элемент, над которым вы зависаете *
Когда вы меняете плитку, которую вы зависаете до окончания анимациитайл, который вы ранее висели, напрямую переходит в состояние «расти», не останавливая анимацию.
Если вы отключите первую анимацию и сохраните вторую (нажав на кнопку), интерполяция выполненаправильно.
Есть ли решение, чтобы две анимации работали параллельно в обоих направлениях и с интерполяцией состояний?