나는 글을 쓰고 있고 앱과 ngAnimate가 어느 시점에서 작동을 멈췄습니다. 나는 그것을 디버깅하고 버튼을 누를 때 애니메이션보다 더 많은 일이 일어나지 않는 아주 최소한의 예제로 내 앱을 줄이려고합니다. 그래도 왜 작동하지 않는지 알 수 없습니다. 예상대로 ngAnimate를 주입하고 있으며 소스를 포함 할 스크립트 태그도 있습니다.
var searchApp = angular.module('searchApp', ['ngAnimate'])
http://plnkr.co/edit/ZJIF6BGs0ORr3S6YnJwG?p=preview
누구나 내가 뭘 잘못하고 있는지 볼 수 있습니까? 앱이 이제 너무 단순 해 졌기 때문에 매우 명백한 것임에 틀림 없다.
문제는 Angular가 아닌 CSS에 있습니다.
문제 하나 즉 .testiDiv .ng-hide당신이 기대하고 있음을 의미한다,이 상황에서 유효하지 않은 .ng-hide것으로 내에 .testiDiv 보다는에.
두 번째 문제는 애니메이션이 잘못된 클래스에 있다는 것입니다. 애니메이션 클래스와 관련이 있어야합니다. Angular는 ng-show/를 사용하여 요소에 자동으로 적용됩니다 ng-hide.
.testiDiv {
background-color: black;
width: 100px;
height: 100px;
opacity: 1;
}
.testiDiv.ng-hide {
opacity: 0;
}
.testiDiv.ng-hide-add, .testiDiv.ng-hide-remove {
-webkit-transition:all 1s linear;
-moz-transition:all 1s linear;
-o-transition:all 1s linear;
transition:all 1s linear;
}
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다