滑動動畫導航angularjs

Question

我是新來的angularjs，我試圖實現屏幕之間的滑動導航。我的意思是，滑動/滑動屏幕進入下一頁。我跟着這個鏈接 http://weblogs.asp.net/dwahlin/archive/2013/08/18/angularjs-animations-in-version-1-2.aspx 來實現這一點，但它似乎並沒有爲我工作。

<div class="container"> 
     <ng-view class="slide-animation"></ng-view></div> 
     </div> 

和我說在我的CSS文件

slide-animation.ng-enter, .slide-animation.ng-leave { 
    -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; 

    position:absolute; 
    top:0; 
    left:0; 
    right:0; 
    min-height:1000px; 
} 

.slide-animation.ng-enter { 
    opacity:0; 
    left:100px; 
} 

.slide-animation.ng-enter.ng-enter-active { 
    left:0; 
    opacity:1; 
} 

.slide-animation.ng-leave { 
    left:0; 
    opacity:1; 
} 

.slide-animation.ng-leave.ng-leave-active { 
    left:-100px; 
    opacity:0; 
} 

中給出的鏈接CSS但我不能夠滑動我的看法。我沒有添加'ngAnimate'指令。這是正確的方法來獲得意見幻燈片導航。

Answer 1

你沒有顯示你的模塊創建的，但你需要包括ngAnimate作爲子模塊（這是在一個單獨的js文件 - angular-animate.js）：

var app = angular.module('app', ['ngRoute', 'ngAnimate']);