Animating Bootstrap打開和關閉動畫 - 角

Question

我在角度上使用twitter引導模態窗口，並希望在模態窗口出現時以及關閉時動畫。我嘗試了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