AngularJS кнопка сохранения анимации

Question

У меня есть кнопка «Сохранить», и если она нажата, флаг установлен на true в моем контроллере. Что я хочу сделать сейчас, так это то, что кнопка сохранения должна стать другим цветом в течение нескольких секунд, а затем вернуться к исходному цвету.

Есть ли простое решение для этого - в том смысле, что если флаг станет истинным, чем установить его на значение false через 3 секунды или около того.

Answer 1

Вы можете использовать ng-class и $timeout вместе, чтобы иметь такой эффект

Answer 2

Вы четко указано, что должно быть сделано. Это очень просто.

Как и @Rajesh и @Shashank, ng-class был бы лучшим вариантом.

Поскольку вам нужна анимация для сохранения функциональности, я думаю, что вы не должны заходить в тайм-аут, а .

1. Просто укажите два стиля для кнопки «Сохранить». Для экс: Сохранить и Сохранение ...
2. Создать флаг и сохранить его как ложное на начальном этапе.
3. ng-класс должен быть Сохраните, если флаг установлен неверным и Сохранение ... , когда это правда.
4. Как только кнопка нажата, сделайте флаг верным.
5. После завершения операции сохранения верните флаг false .

Там, все готово.

Примечание: Не забудьте также сделать флаг ложным в области обработки ошибок.