html - 如何使用 `Animate.css`到 `angular`的app？

Question

我正在尝试使用 animate.css 应用动画 bounceInUp。在显示的 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

Answer 1

您需要包含 animated 类和 showing

HTML

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

CSS

.showing {
   animation: bounceInUp 1s;
}

DEMO