Описание тега ng-animate

Описание тега Вопросы с тегом

Модуль ngAnimate обеспечивает поддержку анимации на основе CSS (ключевые кадры и переходы), а также анимации на основе JavaScript с помощью хуков обратного вызова. Анимация не включена по умолчанию, однако, если включить ngAnimate, то перехватчики анимации будут включены для приложения AngularJS.

Применение

Проще говоря, есть два способа использовать анимацию при использовании ngAnimate: с помощью CSS и JavaScript. Первый работает исключительно на основе CSS (с использованием соответствующих селекторов / стилей CSS), а второй запускает анимацию, которая регистрируется через module.animation(). Для анимации CSS и JS единственным требованием является наличие соответствующего класса CSS, который существует как в зарегистрированной анимации, так и в элементе HTML, по которому будет запускаться анимация.

Ссылка - AngularJS ngAnimate docs.

Учебник - Как использовать AngularJS с NgAnimate

Github - https://github.com/angular/angular.js/tree/master/src/ngAnimate

Пакет NPM - https://www.npmjs.com/package/ng-animate

Из Википедии

ng-animate

Модуль обеспечивает поддержку JavaScript, переходов CSS3 и перехватов анимации ключевых кадров CSS3 в рамках существующих основных и пользовательских директив.

Поскольку атрибуты ng-* недопустимы в спецификациях HTML, data-ng-* также можно использовать в качестве префикса. Например, в AngularJS действительны как ng-app, так и data-ng-app.