animation leave not work
还没有人认领这个 Issue。
评估
- 难度
- 4/5
- 预计耗时
- 3-5 天
- 新手友好度
- 25/100
- Issue 类型
- 缺陷
- 描述清晰度
- 基本清楚
- 活跃度
- 停滞
- 技术栈
- angular, typescript
- 领域
- frontend, mobile-dev
调研方向
从提供的 fadeInOutAnimation 复现开始，检查 NativeScript-Angular 在从 DOM 中移除元素之前如何处理 :leave 过渡。使用列出的 NativeScript-Angular 和 Angular 12.2.0 版本复现该问题；当 leave 动画在移除之前完成时，即表示完成。
由索引模型根据 Issue 内容生成。
描述
Environment
- NativeScript-Angular: 12.2.0
- Angular: 12.2.0
Describe the bug
:leave or * => void not working
To Reproduce
`import {animate, style, transition, trigger} from '@angular/animations';
export const fadeInOutAnimation = trigger('fadeInOut', [
// OK
transition(':enter', [
style({opacity: 0}),
animate('3s linear', style({opacity: 1}))
]),
// KO
transition(':leave', [
style({opacity: 1}),
animate('3s linear', style({opacity: 0}))
])
]);`
Expected behavior
Await before removing element from DOM
- 主要语言
- TypeScript
- 星标
- 55
- 派生
- 13
- 平均合并
- 16 分钟
- 30 天内合并 PR
- 1
贡献指南
从这里开始
- 先读完整个 Issue，再读项目的贡献指南。
- 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
- Fork 仓库，在一个分支上完成修改。
- 提交 Pull Request，并在描述里引用这个 Issue 编号。
NativeScript/angular 的其他 Issue
-
难度 4/5 3-5 天 新手友好度 45/100
NativeScript/angular#170 · 1 条评论 ·
-
难度 5/5 一周以上 新手友好度 35/100
NativeScript/angular#164 ·
-
难度 2/5 1-3 小时 新手友好度 45/100
NativeScript/angular#163 · 1 条评论 ·
-
难度 4/5 3-5 天 新手友好度 38/100
NativeScript/angular#158 · 1 个 reaction ·
-
难度 2/5 1-3 小时 新手友好度 35/100
NativeScript/angular#155 ·
查看 NativeScript/angular 的全部 Issue
相似的 Issue
-
难度 2/5 1-3 小时 新手友好度 78/100
-
area:tools bug good first issue help wanted priority:P2
难度 2/5 1-3 小时 新手友好度 90/100
TaewoooPark/Motifcode#14 ·
-
bug
难度 2/5 1-3 小时 新手友好度 84/100
newrelic-experimental/preflight#793 · 1 条评论 ·
-
bug 🐞
难度 2/5 1-3 小时 新手友好度 68/100
-
[Bounty proposal] fix(web): memory insights count an evening memory on the next day ($25 proposed) 未关闭
难度 2/5 1-3 小时 新手友好度 84/100
BasedHardware/omi#15320 ·