角.ng隱藏，刪除動畫不起作用

我有這樣的CSS：角.ng隱藏，刪除動畫不起作用

#platinumHeader.ng-hide-remove { 
-webkit-animation: fadeInDown 0.5s!important; 
-moz-animation: fadeInDown 0.5s!important; 
-o-animation: fadeInDown 0.5s!important; 
animation: fadeInDown 0.5s!important; 
}

這HMTL：

<header class="navbar-fixed-top header-floating" data-ng-show="isHeader" id="platinumHeader"> 
     <div class="container"> 

      ... 
     </div> 
    </header>

但是，當顯示我的頭（即isHeader設爲真的）它只是沒有動畫而出現。

但如果我寫這樣的CSS（不#platinumHeader選擇）：

.ng-hide-remove { 
-webkit-animation: fadeInDown 0.5s!important; 
-moz-animation: fadeInDown 0.5s!important; 
-o-animation: fadeInDown 0.5s!important; 
animation: fadeInDown 0.5s!important; 
}

它工作正常。我究竟做錯了什麼？

來源

2015-07-13 hyperN

你嘗試過這樣的事情https://github.com/720kb/angular-fx但我想有噸林達那裏 – sbaaaang

嘗試ngClass指令

<header class="navbar-fixed-top header-floating" ng-class="{'ng-hide-remove' : isHeader}" data-ng-show="isHeader" id="platinumHeader"> 
     <div class="container"> 

     </div> 
</header>

來源

2015-07-13 10:31:55

這不幸的是沒有幫助 – hyperN

使用上述代碼時遇到了什麼問題？ –

當你在你的代碼中添加類.ng-hide-remove –

角.ng隱藏，刪除動畫不起作用

回答

相關問題