Angular ngAnimate 애니메이션을 숨긴 후 요소를 숨기는 방법?

Question

현재 요소가 ng-hide를 통해 숨겨져있을 때 요소가 display = "none"이되면 애니메이션이 발생합니다. 애니메이션이 끝나면 display = "none"을 추가 할 수 있습니까?

Answer 1

일반적인 제안은 .ng-hide-add , .ng-hide-remove 클래스에 대해 display: block !important 규칙을 추가하는 것입니다. hide 클래스의 추가 및 제거 버전은 ng-animate에 의해 추가되고 관련 애니메이션 후에 제거됩니다.

출처 : https://docs.angularjs.org/api/ng/directive/ngHide

http://ng.malsup.com/#!/css-animations-for-ng-hide_ng-show