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动画不起作用？

1 个答案: