애니메이션 부트 스트랩 애니메이션 열기 - 닫기

Question

저는 트위터 부트 스트랩 모달 윈도우를 각도로 사용하고 있고 모달 창이 나타나고 닫힐 때 애니메이션을 원했습니다. 나는 nganimate를 시도했지만 효과가없는 것 같습니다.

CSS

.slide-enter-setup, .slide-leave-setup { 
    -webkit-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s; 
    -moz-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s; 
    -o-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s; 
    transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s; 
} 
.slide-enter-setup { 
    position:absolute; 
    left:0; 
    top:-200px; 
} 

.slide-enter-start { 
    top:0; 
} 

.slide-leave-setup { 
    position:absolute; 
    top:0; 
} 

.slide-leave-start { 
    top:200px; 
} 

JS

angular.module("template/modal/window.html", []).run(["$templateCache", function($templateCache) { 
    $templateCache.put("template/modal/window.html", 
    "<div ng-animate=\"slide\" class=\"modal{{ windowClass }}\" ng-class=\"{in: animate}\" ng-style=\"{'z-index': 1050 + index*10}\" ng-transclude></div>"); 
}]); 

Plnkr - http://plnkr.co/edit/D1tMRpxVzn51g18Adnp8?p=preview

Answer 1

하는 당신은 AngularJS와 1.2.x와를 사용하지만 CSS 코드는 기존의 규칙을 따른다. 이 기사를 읽고 CSS 코드를 업데이트하십시오. http://www.yearofmoo.com/2013/08/remastered-animation-in-angularjs-1-2.html