ng-animate的Ng視圖似乎沒有動畫

我有一個div元素與ng-view，這工作得很好。我一直在嘗試使用CSS Transition做一個簡單的幻燈片，看起來我所有的動畫工作都是無用的，並且元素只是在瞬間出現/消失。嘗試了兩個AngularJS 1.1.4和1.1.5，它沒有幫助。想法任何人？ng-animate的Ng視圖似乎沒有動畫

下面的代碼：

home.html的

<div ng-view ng-animate="'animate'"></div>

animations.css

.animate-enter, .animate-leave { 
    -webkit-transition:all 2s ease; 
    -moz-transition:all 2s ease; 
    -o-transition:all 2s ease; 
    transition:all 2s ease; 
} 

.animate-enter { 
    left: -100%; 
} 

.animate-enter.animate-enter-active { 
    left: 0; 
} 

.animate-leave { 
    left: 0; 
} 

.animate-leave.animate-leave-active { 
    left: 100%; 
}

來源

2013-07-20 user2602746

控制器在哪裏？ –

您是否嘗試過改變你的home.html的（NG-視圖標籤）這樣？

<div ng-view ng-animate="{enter: 'animate-enter', leave: 'animate-leave'}"></div>

來源

2013-07-20 21:26:57

是的，似乎沒有工作。還試過CSS動畫，它似乎不工作。 – user2602746

您需要添加一個位置：相對或立場：絕對的，甚至位置：固定在.animate進入，.animate休假CSS塊。

我設置一個plunker爲幫助再次http://plnkr.co/edit/eT2RyZm5bBjlLTOnAO8R?p=preview

來源

2013-07-21 16:19:18

謝謝，這節省了我很多時間。 – markov00

的麻煩大家好抱歉，並感謝證明這一點上NG-視圖。

這是我從別人編輯的代碼，因爲我更新了最新版本不穩定當地angular.js文件，我最終發現，home.html的獲取在線文件（這是鏈接到穩定版本），而不是本地的。

這幾乎解決了這個問題：}

來源

2013-07-25 12:42:09 user2602746

ng-animate的Ng視圖似乎沒有動畫

回答

相關問題