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
-
enhancement
難度 2/5 1-3 小時 新手友好度 70/100
dennys-bd/agent-hive#184 ·
-
Add: hunch 未關閉
難度 2/5 1-3 小時 新手友好度 74/100
AbdelStark/awesome-typesafe#104 ·
-
ai-observability bug team/ai-observability
難度 2/5 1-3 小時 新手友好度 78/100
-
難度 2/5 1-3 小時 新手友好度 78/100
-
難度 2/5 1-3 小時 新手友好度 78/100
vicharanashala/fln#563 ·