html - 如何在`angular`应用中使用`Animate.css`？

我正在尝试使用bounceInUp应用动画animate.css。在div上显示，但是对我没有任何作用？

什么是正确的使用方式？

这是我的CSS代码：

.showing.ng-enter{
  animation:bounceInUp 1s;
}

我的HTML：

 <p>Hello {{name}}!</p> <button ng-click="showIt()">Show</button>
    <button ng-click="hideIt()">Hide</button>
    <div ng-if="show" class="showing" >I am showing something here</div>

Live Demo

最佳答案

您需要在animated中包含showing类

的HTML

<div ng-if="show" class="animated showing" >I am showing something here</div>

的CSS

.showing {
   animation: bounceInUp 1s;
}

DEMO