为什么我的 ng-view 动画不工作？

Question

我正在尝试给我的 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>

所以我真的不明白为什么它不起作用。我错过了什么吗？

Answer 1

在我的例子中，问题是我忘记包含模块依赖项 ['ngAnimate']。

为什么我的 ng-view 动画不工作？

Why is my ng-view animation not working?

javascript

css

angularjs

ng-animate

ng-view