ngAnimate不會動畫轉換

Question

我正在編寫應用程序，ngAnimate在某個點停止工作。我試圖調試它，並將我的應用程序切割到這個非常簡單的示例，在按下按鈕時沒有比動畫更多的事情發生。儘管如此，我無法找出它爲什麼不起作用。我正在注入ngAnimate，因爲它應該是，我也有腳本標籤來包含源代碼。

var searchApp = angular.module('searchApp', ['ngAnimate']) 

http://plnkr.co/edit/ZJIF6BGs0ORr3S6YnJwG?p=preview

任何人都可以看到我在做什麼錯？它一定是一些非常明顯的事情，因爲該應用程序現在非常簡單...花了幾個小時試圖看到它。

Answer 1

問題在於您的CSS不支持Angular。

Here's a working version

問題之一是，.testiDiv .ng-hide是不是在這種情況下有效，它意味着你希望.ng-hide是內.testiDiv而不是就可以了。

問題二是動畫是錯誤的類，它應該與動畫類有關Angular自動應用於使用ng-show/ng-hide的元素。

.testiDiv { 
    background-color: black; 
    width: 100px; 
    height: 100px; 
    opacity: 1; 
} 

.testiDiv.ng-hide { 
    opacity: 0; 
} 

.testiDiv.ng-hide-add, .testiDiv.ng-hide-remove { 
    -webkit-transition:all 1s linear; 
    -moz-transition:all 1s linear; 
    -o-transition:all 1s linear; 
    transition:all 1s linear; 
}