ngShow/ngHide淡出動畫不起作用

Question

我想在幾秒鐘後淡出消息文本。我試過這樣的東西 http://plnkr.co/edit/U3tqlSrRwieKH33GePfe

但它不工作，8秒後文本消息立即隱藏。

Answer 1

在上面的翻轉器中，您可以刪除該消息，然後才能對文本進行動畫處理。實際上，您的div容器動畫（其不透明度已過渡到0），但由於缺少文字，您無法看到它。

另一個要點是在嘗試動畫元素時使用ng-show或ng-class。使用它們都會強制你覆蓋添加到元素的類，並可能使你的代碼非常混亂。

您可以測試plunker here