AngularJS에서 CSS 애니메이션을 트리거하는 함수 만들기

AngularJS의 함수 내에서 CSS 애니메이션을 트리거/활성화하는 가장 좋은 방법은 무엇입니까?AngularJS에서 CSS 애니메이션을 트리거하는 함수 만들기

필자의 경우 슬라이드가 하나 있는데, 하나는 label <>과 button <>입니다.

사용자가 버튼을 클릭하면 API를 호출하고 실패 할 경우 라벨에 애니메이션을 적용해야합니다.

한 가지 방법은 ng-class 지시어를 사용하는 것입니다. 범위 변수를 만들고, $timeout 서비스를 사용하여 값을 설정 및 재설정합니다.

그러나 저는 playAnimation()과 같은 함수를 만들고이 함수를 호출하여 애니메이션을 트리거 할 생각입니다.

저는 angularjs 버전 1.5를 사용하고 있습니다.

jQuery를 사용합니까? – Natiq

아니요 ... angular.js를 포함 시켰습니다. – dearvivekkumar

jQuery를 포함하면 ** addClass ('error-class') ** 및 ** removeClass ('error-class')로 쉽게 수행 할 수 있습니다. * jQuery의 메소드. – Natiq

처음에 제안한 것처럼 기능을 만드는 것이 ng-class을 사용하는 것보다 낫다고 생각하지 않습니다. Angular의 animation classes (예 : ng-enter, ng-leave 등)의 도움을 받아 스크립트에 코드를 저장할 수 있습니다.

2016-10-28 13:38:41 lucasnadalutti

나는 다른 견해를 가지고있다. 나는 그것에 대해 잘 모른다. 현재 CSS 클래스를 추가하고 제거하기위한 변수를 만들고 싶지 않습니다. 또한 필자는 API 호출에서 부정적인 반응을 보일 때만 레이블을 애니메이션화하려고합니다. – dearvivekkumar

나는 정확한 방법으로 일을 처리하는 방법을 궁금해하는 것처럼 AngularJS에 새로 왔습니다. 당신의 시간과 답장을 보내 주셔서 감사합니다. – dearvivekkumar

답변