NativeScript / NativeScript/angular
animation leave not work
Dieses Issue hat noch niemand übernommen.
- Vorherrschende Sprache
- TypeScript
- Sterne
- 55
- Forks
- 13
- Ø Merge
- 16 Min.
- Gemergte PRs (30 T.)
- 1
Beschreibung
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
Beitragsleitfaden
Erste Schritte
- Lies das ganze Issue und danach den Beitragsleitfaden des Projekts.
- Schreib ins Issue, dass du es übernimmst — das erspart doppelte Arbeit.
- Forke das Repository und arbeite in einem Branch.
- Öffne einen Pull Request, der die Issue-Nummer nennt.
Rechercherichtung
Beginne mit der bereitgestellten fadeInOutAnimation-Reproduktion und untersuche, wie NativeScript-Angular den :leave-Übergang behandelt, bevor ein Element aus dem DOM entfernt wird. Reproduziere das Problem mit den aufgeführten NativeScript-Angular- und Angular-12.2.0-Versionen; als erledigt gilt die Aufgabe, wenn die Leave-Animation vor der Entfernung abgeschlossen ist.
Vom Indexierungsmodell aus dem Issue-Text verfasst.
Bewertung
- Tech-Stack
- angular, typescript
- Bereich
- frontend, mobile-dev
- Issue-Typ
- Bug
- Schwierigkeit
- 4/5
- Geschätzter Aufwand
- 3-5 Tage
- Aktivitätsstatus
- Veraltet
- Klarheit
- Größtenteils klar
- Anfängerfreundlichkeit
- 25/100