2015-07-21 79 views
0

我正在使用ng-animate,我將它設置爲依賴注入。那麼,這是行不通的。AngularJS:淡出元素

HTML

<p ng-show="atSomeCondition" class="notice"> 
    Some message. 
</p> 

CSS

.notice { 
    -webkit-transition: all linear 2s; 
    transition: all linear 2s; 
    opacity: 1; 
} 

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

有什麼建議?先謝謝你。

回答

1

您使用的角度/角度動畫的版本是什麼?我只是想你的代碼在plunker和它似乎是做工精細:

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

這plunker使用版本1.4.3。

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.3/angular-animate.min.js"></script> 
+0

我的角度版本是1.3.15,動畫版本1.4.3。在安裝期間,它給了我一個警告「無法找到合適的角度版本,請選擇一個。」 –

+1

這就是你的問題。我改變了使用Angular 1.3.15和1.4.3的動畫,並且動畫不起作用。您可以使用動畫1.3.15,或將它們都移動到1.4.3。這兩個選項都有效。 – DWDuck

+0

感謝隊友,全力工作。 –