1
문제를 나타내는 기본 플 런커가 있습니다 : http://plnkr.co/edit/L3rhEIdrnTucG0M7yGhO?p=preview. 버튼을 클릭하면 첫 번째 요소가 탄탄한 애니메이션으로 표시되거나 숨겨집니다. 이것은 정상적으로 작동하지만 문제는 그 아래의 항목이 아주 추악하고 삐걱 거리는 새로운 장소로 점프한다는 것입니다.Angular 및 animate.css를 사용하여 숨기기/표시 요소를 올바르게 애니메이션화합니다.
버튼을 클릭하면 항목 1이 사라지고 나중에 두 번째 항목과 두 번째 항목이 위로 이동합니다. 항목 1이 멀리 떨어져 나가는 동안 모든 것이 슬라이드되기를 바랍니다. 어떻게 할 수 있습니까? animate.css를 삭제하고 나만의 맞춤 애니메이션을 작성해야합니까? 어떻게 작동할까요? (탄탄한 애니메이션에 대해서는별로 신경 쓰지 않습니다.)