Angular · Middle · Frage 64 von 75

Wie animiert man Übergänge zwischen Routen mit der View Transitions API des Browsers?

provideRouter(routes, withViewTransitions())

1withViewTransitions() in provideRouter aktivieren
2Ohne Fremdbibliothek geht das nicht
3<router-outlet> in einen @defer-Block packen

Antwort zeigen

Richtige Antwort: withViewTransitions() in provideRouter aktivieren

Erklärung

Browser ohne View-Transitions-Unterstützung navigieren wie gewohnt. Die Pseudo-Elemente ::view-transition-* steuern die Animation.

Zum Weiterlesen

Angular: Route transition animations ↗

Teste dich selbst

Mach den Test Angular · Middle: Fragen und Antworten werden gemischt, und am Ende wartet eine Übersicht der Fehler.

Diesen Test machen