角.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隐藏，删除动画不起作用

回答

相关问题