【发布时间】：2016-02-29 06:20:44
【问题描述】：
我正在尝试为我的 ng-view 提供动画，我的代码与示例完全相同，因此没有错误或任何东西。
这是我的html代码：
<div ng-view class="slidedown">
<!--Insert templates-->
</div>
，css代码：
.slidedown {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.slidedown.ng-enter,
.slidedown.ng-leave {
-webkit-transition: all 1s ease;
transition: all 1s ease;
}
.slidedown.ng-enter {
top: -100%;
}
.slidedown.ng-enter-active {
top: 0;
}
.slidedown.ng-leave {
top: 0;
}
.slidedown.ng-leave-active {
top: 100%;
}
是的，我已经定义了源文件：
<!-- CSS -->
<link href="assets/Css/ng-view.css" rel="stylesheet" type="text/css">
<!-- JS -->
<script src="componenten/bower_components/angular-animate/angular-animate.min.js"></script>
<script src="componenten/bower_components/angular-route/angular-route.min.js"></script>
所以我真的不明白为什么它不起作用。 我错过了什么吗？
【问题讨论】：
-
在 plunker 上提供您的代码
-
你包含了模块依赖：
['ngRoute', 'ngAnimate']? -
谢谢@UR，在我制作 Plunkr 时，我已经修复了。我忘了包括模块依赖
['ngAnimate']。所以谢谢你让我做 Plunkr。 -
@dfsq 就是这样！当我制作 Plunkr 时，我发现我错过了它。如果你愿意，你可以做出回答，以便我接受。
-
酷，你明白为什么准备最小的演示很重要，在很多情况下你自己找出问题。
标签： javascript css angularjs ng-animate ng-view