当加载不同的页面时,我需要创建一个过渡动画,例如当用户离开一个页面时,另一个页面通过动画“位置:相对;左:n”从屏幕外位置开始并移动到视图中进行转换。当新视图完成转换并覆盖旧视图时,可以丢弃旧视图。
动画本身很简单。问题是角会立即破坏旧视图,所以我不能在上面运行任何动画。
我怎样才能做到这样的过渡呢?
发布于 2015-02-19 18:20:16
如果这个页面上的最后一个例子接近您所描述的:https://docs.angularjs.org/api/ngRoute/directive/ngView,我认为角不会立即破坏旧视图,而只是在转换之后。在视图转换期间,“视图-动画-容器”将“ng-离开ng-离开-活动”类附加到旧/当前视图“视图-动画”。新视图“视图-动画”添加了类"ng-enter ng-enter-active“。
AngularJS文档目前
.view-animate.ng-leave.ng-leave-active {
left:-100%;
}
把它藏起来。因此,为了在转换过程中查看旧视图,只需将“ng-leve.ng- see active”的css修改为如下所示
.view-animate.ng-leave.ng-leave-active {
left:0;
opacity: 0;
}
https://stackoverflow.com/questions/28620338
复制相似问题