Javascript ngShow上的ngAnimate不工作

我正在尝试使用ngAnimate执行动画菜单

home.html

<div id="left-menu" ng-hide="showMenu">
    <div class="wrapmenu">
      Menu
    </div>

</div>

<div id="content-wrapper" ng-show="showMenu" ng-animate="{show: 'fadeIn', hide:'fadeOut'}">
  <button id="menu" ng-click="showMenu = !showMenu"></button>
</div>

显示和隐藏效果很好。但动画不会被触发

我已经更新到Angular 1.1.5。我发现从角度来看，CSS的语法发生了变化

我还尝试了新语法，得到了相同的结果

---

感谢您的帮助。

下面是1.1.5中的工作示例：

切换！
在…上
关

从1.1.5到1.2的变更负载。 所以我把代码改成了1.2。动画更加流畅

以动画为例

---

遗憾的是，动画的角度文档几乎为零。有一些关于最新Angular动画的好文档

你能把你的代码添加到？Thnx吗。那么ng animate必须与TweenMax库一起工作才能制作css动画？或者只使用ng animate并在nganimate示例中看到，是否也可以这样做？

.fadeIn-setup,.fadeOut-setup {
    -webkit-transition: 1s linear opacity;
    -moz-transition: 1s linear opacity;
    -o-transition: 1s linear opacity;
    transition: 1s linear opacity;
}
.fadeIn-setup{
    opacity:0;
}
.fadeOut-setup{
    opacity:1;
}
.fadeIn-setup.fadeIn-start {
    opacity: 1;
}
.fadeOut-setup.fadeOut-start{
    opacity:0;
}

 <button ng-click="toggle = !toggle">Toggle!</button>

  <div class="box on" ng-show="toggle" ng-animate="{show:'list-show', hide:'list-hide'}">On</div>
  <div class="box off" ng-hide="toggle" ng-animate="{hide:'list-hide', show:'list-show'}">Off</div>