带有ng-animate的Ng-view似乎没有动画

Question

我有一个带有ng视图的div元素，它运行得非常好。我一直在尝试使用CSS Transition制作一张简单的幻灯片，看起来我所有的动画工作都毫无用处，元素只是在眨眼之间出现/消失。尝试了AngularJS 1.1.4和1.1.5，都无济于事。有人有想法吗？

这是代码：

home.html

    <div ng-view ng-animate="'animate'"></div>

动画.css

.animate-enter, .animate-leave {
  -webkit-transition:all 2s ease;
  -moz-transition:all 2s ease;
  -o-transition:all 2s ease;
  transition:all 2s ease;
}
.animate-enter {
    left: -100%;
}
.animate-enter.animate-enter-active {
    left: 0;
}
.animate-leave {
    left: 0;
}
.animate-leave.animate-leave-active {
    left: 100%;
}

Answer 1

您需要添加一个位置：relative或position:absolute或even position:fixed到.animate-enter、.animate-left-css块。

我设置了一个plunker来在ng视图上演示这一点http://plnkr.co/edit/eT2RyZm5bBjlLTOnAO8R?p=preview

Answer 2

你试过这样更改home.html（ng视图标记）吗

<div ng-view ng-animate="{enter: 'animate-enter', leave: 'animate-leave'}"></div>

Answer 3

很抱歉给大家带来麻烦，再次感谢您的帮助。

这是我从其他人那里编辑的代码，当我为最新的不稳定版本更新本地angular.js文件时，我最终发现home.html获取的是在线文件（链接到稳定版本），而不是本地文件。

这几乎解决了问题：｝