Создание функции для запуска анимации CSS в AngularJS

Question

Каков наилучший способ для триггер/активация CSS анимация изнутри функции в AngularJS?

В моем случае у меня есть слайд, который имеет один label <> и button <>.

Когда пользователь нажимает на кнопку, я вызываю API, а в случае сбоя мне нужно анимировать ярлык.

Один из способов - использовать директиву ng-class. В котором создается переменная области видимости, а также значение установки и сброса с использованием службы $timeout.

Но я собираюсь сделать что-то вроде playAnimation() и вызвать эту функцию, которая вызовет анимацию.

1. Каковы будут шаги для этого в aularjs?

Я использую версию angularjs 1.5.

Answer 1

Я не думаю, что создание функции было бы лучше, чем использование ng-class, как вы изначально предлагали. Вы могли бы воспользоваться преимуществами Angular's animation classes (например, ng-enter, ng-leave и т. Д.), Сохраняя код в ваших сценариях.