각형 2 애니메이션

JQuery에서와 같이 Angular 2의 요소에 애니메이션을 적용 할 수 있습니까? 예를 들어 div를 포함하는 div를 클릭하면 확장/축소됩니다. Angular 2는 이에 대한 지시어를 제공합니까, 아니면 Agular 이벤트 핸들러에서 JQuery를 호출해야합니까?각형 2 애니메이션

출처

2016-06-03 Tuomas Toivonen

클래스를 토글하고 CSS를 통해 애니메이션을 적용하면됩니다. – Quantastical

이것은 소리보다 쉽습니다. CSS처럼 절대 값으로 높이를 애니메이션으로 만들 수 있습니다. 나는 @keyframes가 {height : 0px;}에서 {height : auto;}}로 확장하려고했지만 작동하지 않았다. 부트 스트랩 btw를 사용하고 있습니다. –

가변 높이 요소의 경우, 많은 사람들이'max-height' 속성에 애니메이션을 적용하고 있습니다. 내가 권장하는 유일한 이유는 jQuery 로직으로 각도 코드를 낭비하지 않고 프리젠 테이션 로직을 상호 작용 로직과 섞지 않기 때문이다. – Quantastical