Анимация в Angular-приложениях

[devpreview]

Вот каких статей на русском языке по Angular'у не хватало — так это об анимациях. Спасибо за статью!

[isf]

В триггере routeAnimation что-то у вас не так.

Оба компонента и тот что :leave и тот что :enter имеют position: relative; Значит пока мы скейлим их они будут стоять рядом один под другим. А style({ height: '*', width: '*' }) и overflow: hidden на обертке делают так, что анимацию исчезновения мы никогда не увидим. (Что подтверждается в демке на https://stackblitz.com/github/KyKyPy3/todo/ )
Тогда весь код, что касается leave в примере вообще не нужен, эффект тот же самый.

[KyKyPy3uK]

Да Вы правы, анимация будет не идеальна. Но у меня не стояло задачи сделать красивую анимашку, я старался в основном показать как работать с анимацией в ангуляре, максимально охватив ее возможности в одном примере. Статья и так получилась огромной.

[bvdmitri]

Отличная статья. Спасибо! Один вопрос: не смог найти информацию о том, что в 6 версии полифил не нужен, ни одна статья с описанием новых возможностей 6 версии об этом не пишет.

[KyKyPy3uK]

Об этом сказано в версии документации которая сейчас в разработке. Вот тут в самом начале Вы можете это найти — next.angular.io/guide/animations