Javascript 如何设置角陷阱塌陷的动画

Javascript 如何设置角陷阱塌陷的动画,javascript,angularjs,twitter-bootstrap,ng-animate,angular-strap,Javascript,Angularjs,Twitter Bootstrap,Ng Animate,Angular Strap,使用AngularStrap时,我有一个导航栏折叠,但折叠没有设置动画。通过注入ngAnimate库并将data animation='am-collapse'属性添加到我的bs collapse指令中,我认为我做的一切都是正确的。如何正确设置塌陷的动画 这是我的解决方案是添加CSS动画代码 这里有一个工作没有查看您的代码:您是否添加了css(.animate.ng enter,.animate.ng leave等)?@Vienna,我没有。我一定错过了那些课。我应该在哪里添加它们呢?这里有

使用AngularStrap时,我有一个导航栏折叠,但折叠没有设置动画。通过注入
ngAnimate
库并将
data animation='am-collapse'
属性添加到我的
bs collapse
指令中,我认为我做的一切都是正确的。如何正确设置塌陷的动画


这是我的

解决方案是添加CSS动画代码


这里有一个工作

没有查看您的代码:您是否添加了css(
.animate.ng enter
.animate.ng leave
等)?@Vienna,我没有。我一定错过了那些课。我应该在哪里添加它们呢?这里有一个工作示例:它并没有那么简单。还有一个单独的角运动包,支持角带动画,如前所述。你应该知道这一点,因为你在那里留下了一条评论。@estus,我的小提琴里有一个角度运动库。为了使动画正常工作,我缺少了什么?
.collapse.am-collapse {
  animation-duration: 1s;
  animation-timing-function: ease;
  animation-fill-mode: backwards;
  overflow: hidden;
}
.collapse.am-collapse.in-remove {
    animation-name: collapse;
    display: block;
}
.collapse.am-collapse.in-add {
    animation-name: expand;
  }
}