ng顯示動畫不符合預期

我創建了this pulnker。這兩個輸入假動畫效果不佳...
輸入 - 第一個出現，然後動畫踢入。
離開 - 只是不會動畫。ng顯示動畫不符合預期

這裏的風格：

div.ng-enter 
    { 
    -webkit-animation: bounceIn 2s; 
    animation: bounceIn 2s; 
    } 
    div.ng-leave 
    { 
    -webkit-animation: bounceOut 2s; 
    animation: bounceOut 2s; 
    }

這裏是元素節點：

<div ng-show="show" ng-class="{true:'ng-enter', false: 'ng-leave'}[show]">asdasdas</div>

任何幫助，將不勝感激！

來源

2014-07-10 vlio20

你的plunke中的代碼r看起來不像你在這裏所得到的那樣...... – Ian

在ng-animate上找到一個合適的教程。 –

你想解決哪一個？蹲下還是這個？我已經看到您的上一個問題並已修復，但在我回答之前已關閉。 – taggon

有在1.2.0 RC1 re-plunkered

class="repeat-item"

和進入/離開被認爲CSS

.repeat-item.ng-enter, 
.repeat-item.ng-leave {...}

這裏有更多的細節來自yearofmoo

這裏一些變化是plunker對於ng-show：http://plnkr.co/edit/0hHjG4RQ3tQngwd814Tg?p=preview

來源

2014-07-10 23:32:09 Dylan

這不是問題，你展示瞭如何用重複來做到這一點。我正在談論顯示/隱藏。看看這個問題中的搶劫者。 – vlio20

這很奇怪，ng-hide-add是隱藏的 - http://plnkr.co/edit/0hHjG4RQ3tQngwd814Tg?p=preview – Dylan

謝謝。最後一次闖入者幫助我！我會編輯你的答案並接受它。 – vlio20

ng顯示動畫不符合預期

回答

相關問題