AngularJS로 애니메이션 시작 페이지

Question

AngularJS 1.3에서 애니메이션을 사용하는 데 의문의 여지가 있습니다. 전체 배경 이미지와 h1, p, input 등 ... 태그가있는 index.html이 있는데 애니메이션을 적용하고 싶습니다. init 페이지로드, 예를 들어 시작시 페이드 인 효과를 적용합니다. Animate.css와 같은 라이브러리가 있다는 것을 알고 있지만, AngularJS를 사용하면 어떻게 할 수 있습니까?

ng-enter, ng-hide 등으로 AngularJS 애니메이션을 보았지만 전체 인덱스 페이지를 애니메이션화하는 방법은 무엇입니까?, 파트별로 애니메이션을 적용하고 싶지는 않습니다.

Answer 1

전체 페이지를 흰색으로 희미하게하려면 간단히 ng-cloak을 사용하거나 몸에 원하는 배경색/배경을 설정하고 ng-cloak 페이드 인하려는 콘텐츠의 컨테이너를 설정할 수 있습니다

[ng-cloak] { 
    opacity: 0 !important; 
} 
.element-with-initial-ng-cloak { 
    opacity: 1; 
    transition: opacity 1s; 
}