Анимации в Angular: события start и done
Brian Treese
0:00 / 0:00
Анимации в Angular: события start и done
2 979 просмотров · 2 г. назад
Brian Treese
8,06 тыс. подписчиков
2 979 просмотров · 2 г. назад
В Angular у нас есть мощный фреймворк для анимации, который позволяет делать самые разные невероятные вещи.
🚀 Хотите освоить Angular Signal Forms?
Я только что выпустил полный курс, где мы шаг за шагом создадим реальную форму Signal Form, охватывающий валидацию, асинхронную валидацию, динамические поля, пользовательские элементы управления и шаблоны отправки.
👉 Записаться можно здесь:
https://www.udemy.com/course/angular-...
Иногда при использовании этих функций анимации нам нужно выполнять действия в начале анимации, в конце анимации или и то, и другое. Что ж, хорошая новость для нас: в Angular есть такая возможность. У нас есть события начала и завершения анимации, которые срабатывают в это время, и это позволяет нам программировать в соответствии с ними по мере необходимости. В этом видео мы узнаем, как они работают и как их использовать. Итак, приступим!
------------------------------------------------------------------------------
📺 Больше видеоуроков по анимации в Angular: • Angular Animations
------------------------------------------------------------------------------
🔗 Ссылка на демо-версию:
https://stackblitz.com/edit/stackblit...
------------------------------------------------------------------------------
📖 Разделы:
0:00 – Введение
1:15 – Демо-приложение
1:48 – Добавление анимации «дрожания» с помощью функции keyframes()
5:53 – Использование события завершения анимации для сброса переменной триггера после завершения анимации 6:56 – Использование события начала анимации для привязки глобального класса к анимируемому элементу
10:08 – Заключение
------------------------------------------------------------------------------
#angular #angulartutorial #animation