Перейти к содержимому

Анимации в 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