2013-06-07 3 views
1

저는 AngularJS에 처음 왔으며 지난 몇 주 동안 많은 것을 배웠습니다. 그러나 몇 가지 질문이 있습니다. 그래서 현재 AngularJS를 사용하도록 변환하고 싶은 jQuery 프로토 타입이 있습니다. 애니메이션이나 페이지 전환의 경우 CSS 전환을 사용하고 있습니다. 페이지를 변경하려면 body 클래스를 jQuery로 변경하면 페이지의 내부 또는 외부에서 요소가 애니메이션으로 표시됩니다.AngularJS 및 CSS 전환

AngularJS에서는 애니메이션없이보기가 표시되고 제거됩니다. 필자가 필요로하는 방식에 따라 일부 뷰는 마지막 뷰의 일부 요소를 사용합니다.

예를 들어, 움직이는 검색 입력 필드가 들어있는 시작보기와 검색보기가 있습니다. 페이지가로드되면 시작보기가로드됩니다. 사용자가 제출을 클릭하면 검색보기가로드되지만 검색 표시 줄은 계속 남아 있어야하며 나중에 검색 할 수 있도록 상단에 애니메이션을 적용해야합니다.

나는 이것을하는 방법에 대해 다소 혼란 스럽다. 어떤 제안?

답변

3

가능한 경우 angular.js의 불안정한/개발 버전을 사용하십시오. (꽤 안정적입니다.)

가장 새로운 사용 사례 인 ng-animate 지시어가 최신 버전입니다.

많은 예제가있는 nganimate.org이 있으며 여기에는 this articlethis one이 있습니다.