Loading [MathJax]/jax/output/CommonHTML/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >在状态转换期间,角JS有来自两个不同状态的页面(用于动画)

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

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

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

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

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

EN

回答 1

Stack Overflow用户

回答已采纳

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

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

AngularJS文档目前

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

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

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

https://stackoverflow.com/questions/28620338

复制
相关文章
玩家状态机-使用GameplayKit管理不同的状态和动画
在本节中,我们将了解GameplayKit状态机,然后我们将让我们的玩家跳转并给他一些其他动画,所以扣紧并为这一知识的骑行做好准备。
iOSDevLog
2019/03/11
1.9K0
玩家状态机-使用GameplayKit管理不同的状态和动画
js 检测浏览器 鼠标状态 页面状态
有勇气的牛排
2023/06/25
3690
面试突击33:线程池有哪些状态?状态是如何转换的?
在 Java 中,线程池的状态和线程的状态是完全不同的,线程有 6 种状态:NEW:初始化状态、RUNNABLE:可运行/运行状态、BLOCKED:阻塞状态、WAITING:无时限等待状态、TIMED_WAITING:有时限等待状态和 TERMINATED:终止状态。而线程池的状态有以下 5 种:
磊哥
2022/05/09
2.6K0
面试突击33:线程池有哪些状态?状态是如何转换的?
进程状态的概念及状态转换图
1.创建状态 进程由创建而产生。创建进程是一个非常复杂的过程,一般需要通过多个步骤才能完成:如首先由进程申请一个空白的进程控制块(PCB),并向PCB中填写用于控制和管理进程的信息;然后为该进程分配运行时所必须的资源;最后,把该进程转入就绪状态并插入到就绪队列中。
lexingsen
2022/02/24
1.1K0
进程状态的概念及状态转换图
有状态和无状态对象
这个概念在多线程中一直被提及,实际上很简单。 1.有状态就是有数据存储功能。有状态对象(Stateful Bean),就是有实例变量的对象,可以保存数据,是非线程安全的。在不同方法调用间不保留任何状态。
潇洒
2019/07/02
1.2K0
React的无状态和有状态组件
众所周知,React是一个专注于View层的前端框架,组件也】是React核心理念之一,一个完整的应用将由一个个独立的组件拼装而成,组件也是React最基础的一部分,学习React就需要先学习组件。
xiangzhihong
2022/11/30
1.5K0
有状态和无状态组件
组件是自我维持的、独立的微实体,其描述了UI的一部分,可以将应用程序的UI拆分为较小的组件,其中每个组件都有自己的代码、结构和API,简单来说组件允许你将UI拆分为独立可复用的代码片段,并对每个片段进行独立构思。
WindRunnerMax
2021/01/05
1.1K0
JS 状态模式
状态模式(State)允许一个对象在其内部状态改变的时候改变它的行为,对象看起来似乎修改了它的类。 其实就是用一个对象或者数组记录一组状态,每个状态对应一个实现,实现的时候根据状态挨个去运行实现。
前端下午茶
2018/10/22
2.4K0
进程的状态与转换
文章目录 知识总览 1. 进程的状态―—三种基本状态 2. 进程的状态―—另外两种状态 2. 进程状态的转换 知识回顾与重要考点 知识总览 1. 进程的状态―—三种基本状态 2. 进程的状态―—另外两
兮动人
2021/06/11
4590
进程的状态与转换
线程状态之间的转换
不释放线程占有的监视器,也就是不释放锁。进入 TIME_WAITING 阻塞状态。即阻塞一段时间。
帅飞
2019/01/22
1.2K0
有状态流处理:Flink状态后端
这篇文章我们将深入探讨有状态流处理,更确切地说是 Flink 中可用的不同状态后端。在以下部分,我们将介绍 Flink 的3个状态后端,它们的局限性以及根据具体案例需求选择最合适的状态后端。
smartsi
2019/08/07
2K0
有状态流处理:Flink状态后端
进程状态及其转换
第二种情形:等待CPU,就绪状态是指除了CPU以外的资源它都有了。只等待进程调度程序将CPU分配给它。
zy010101
2020/08/20
6560
uniapp根据不同的状态渲染不同的标签
<view class="text-grey text-xs"> <button v-if="item.isLeave === 0">离厂解绑</button> <span v-else > {{item.leaveTime | formatDate }} </span> </view> json数据 { "msg": "查询成功", "total": 15, "c
王小婷
2021/07/08
1.6K0
有状态的节点控制器 StatefulSet 的存储状态
StatefulSet 通过为每一个 pod 分配有粘性的 ID,并且在 pod 发生变更时,维持 ID 的稳定,从而保证了网络状态下不对等关系的各个 Pod 在启动、删除和重建过程中能够始终保持稳定。
用户3147702
2022/06/27
1.5K0
有状态的节点控制器 StatefulSet 的存储状态
SaaS-有状态服务和无状态服务
有状态和无状态服务是两种不同的服务架构,两者的不同之处在于对于服务状态的处理。服务状态是服务请求所需的数据,它可以是一个变量或者一个数据结构。无状态服务不会记录服务状态,不同请求之间也是没有任何关系;而有状态服务则反之。对服务器程序来说,究竟是有状态服务,还是无状态服务,其判断依据——两个来自相同发起者的请求在服务器端是否具备上下文关系。
cwl_java
2020/01/02
3K0
SAP 生产订单不同状态的控制
生产订单有很多种状态,如CRTD\REL\CNF\TECO等,在生产执行过程中会自动记录与更新生产订单状态,当生产订单执行到后工序时,如何通过订单状态控制业务的发生?
用户5495712
2023/09/18
8220
SAP 生产订单不同状态的控制
【小家java】Stream流操作的有状态 vs 无状态
比如map或者filter会从输入流中获取每一个元素,并且在输出流中得到一个结果,这些操作没有内部状态,称为无状态操作。 但是像reduce、sum、max这些操作都需要内部状态来累计计算结果,所以称为有状态操作。
YourBatman
2019/09/03
1.5K0
【小家java】Stream流操作的有状态 vs 无状态
有状态的节点控制器 -- StatefulSet 及其网络状态
上一篇文章中,我们详细介绍了 Kubernetes 中的作业副本控制器 Deployment:
用户3147702
2022/06/27
9300
有状态的节点控制器 -- StatefulSet 及其网络状态
HTTP状态码是什么?常用的状态码有什么?
在Web开发中,HTTP状态码是服务器向客户端发送的一种响应状态标识。它提供了有关请求处理结果的信息,帮助客户端和开发人员了解请求的执行情况。本文将介绍HTTP状态码的基本概念,以及常用的HTTP状态码及其含义。
海拥
2023/06/27
1.1K0
HTTP状态码是什么?常用的状态码有什么?
在 Vue.js 中使用无状态组件[每日前端夜话0xB9]
同时,Vue 实例是一个 ViewModel,它包含的选项包括表示元素的模板、要安装的元素、方法和初始化时的生命周期钩子。
疯狂的技术宅
2019/09/05
1.9K0
在 Vue.js 中使用无状态组件[每日前端夜话0xB9]

相似问题

角动画性能状态/转换vs查询

10

角5动画-多个按钮的状态转换

11

无法在现有状态转换(例如在‘`render`’中)期间更新状态,.when试图用来自context.js的值更新状态

16

React Js状态错误(在现有状态期间无法更新)

241

在react native中更新动画期间的状态?

23
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文