首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >在状态转换期间,角JS有来自两个不同状态的页面(用于动画)

在状态转换期间,角JS有来自两个不同状态的页面(用于动画)
EN

Stack Overflow用户
提问于 2015-02-20 01:41:47
回答 1查看 94关注 0票数 0

当加载不同的页面时,我需要创建一个过渡动画,例如当用户离开一个页面时,另一个页面通过动画“位置:相对;左:n”从屏幕外位置开始并移动到视图中进行转换。当新视图完成转换并覆盖旧视图时,可以丢弃旧视图。

动画本身很简单。问题是角会立即破坏旧视图,所以我不能在上面运行任何动画。

我怎样才能做到这样的过渡呢?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2015-02-20 02:20:16

如果这个页面上的最后一个例子接近您所描述的:https://docs.angularjs.org/api/ngRoute/directive/ngView,我认为角不会立即破坏旧视图,而只是在转换之后。在视图转换期间,“视图-动画-容器”将“ng-离开ng-离开-活动”类附加到旧/当前视图“视图-动画”。新视图“视图-动画”添加了类"ng-enter ng-enter-active“。

AngularJS文档目前

代码语言:javascript
代码运行次数:0
运行
复制
.view-animate.ng-leave.ng-leave-active {
  left:-100%;
}

把它藏起来。因此,为了在转换过程中查看旧视图,只需将“ng-leve.ng- see active”的css修改为如下所示

代码语言:javascript
代码运行次数:0
运行
复制
.view-animate.ng-leave.ng-leave-active {
  left:0;
  opacity: 0;
}
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/28620338

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档