내 AngularJS 애니메이션에서이 애니메이션 지연은 어디에서 발생합니까?

Question

특정 필드를 표시하거나 숨기려면 ngShow 토글을 사용하고 있습니다. 나는 거의 올바르게 작동하지만, 최종 상태로 움직이기 전에 1 초의 지연이 있습니다.

내 CSS transition 속성을 으로 설정 했으므로 클래스 또는 스타일에 애니메이션을 적용 할 것인지 궁금합니다. 최종 상태로 향하기 시작하기 전에. 내가 잘못 여기거야 어디

http://jsbin.com/IQUDEdI/4/edit

사람이 알고 있나요 :

가 나는 문제를 표시하는 JS 빈을 만들어?

미리 감사드립니다.

Answer 1

문제점을 파악했습니다. http://jsbin.com/IQUDEdI/4/edit

내가 여기 해결책을 발견 : http://www.divshot.com/blog/tips-and-tricks/angular-1-2-and-animate-css/

문제가의 주문 및 명명했다 다음 http://jsbin.com/IQUDEdI/8/edit

가 깨진 jsbin입니다 :

다음은 작업 jsbin입니다 CSS. 즉, 내 transition 속성이 어디로 가고 있었는지. 나는 이것에 대한 문서가 더 분명 해졌기를 바란다. 어쨌든, 나는 여기에 후진을 위해 남겨두고있다.