为什么我的ng视图动画不起作用

Why is my ng-view animation not working?

本文关键字：动画 不起作用 视图 ng 我的 为什么      更新时间：2023-09-26

我试图给我的ng视图一个动画，我有与示例完全相同的代码，所以我没有错误或任何东西。

这是我的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>

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

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

相关文章：