mirror of
https://github.com/angular/angular
synced 2026-05-24 09:28:37 +00:00
1da28f4825
This commit adds the ability to provide a function that will get called immediately after the view transition is created. This will allow developers to do things like add/remove classes from the DOM when the transition animation is finished, skip the transition based on application conditions, etc. Having access to the transition unlocks just about every example outlined in https://developer.chrome.com/docs/web-platform/view-transitions. Note that the timing of the `updateCallback` execution is in the spec as being called asyncronously (https://drafts.csswg.org/css-view-transitions-1/#callbackdef-updatecallback). This means the `onViewTransitionCreated` callback is guaranteed to execute before the update callback which in turn means it is guaranteed to execute before the view transition `ready`/animation. As a result, it is safe/effictive to add classes to the document in the `onViewTransitionCreated` function in order to control animations of that transition and then remove those classes in the transition's `finished` `Promise`. The animation also doesn't start until the `Promise` returned by `updateCallback` resolves, so this would also guarantee that the animation starts asynchronously. resolves #51827 PR Close #52002 |
||
|---|---|---|
| .. | ||
| directives | ||
| operators | ||
| utils | ||
| apply_redirects.spec.ts | ||
| bootstrap.spec.ts | ||
| BUILD.bazel | ||
| computed_state_restoration.spec.ts | ||
| config.spec.ts | ||
| create_router_state.spec.ts | ||
| create_url_tree.spec.ts | ||
| default_export_component.ts | ||
| default_export_routes.ts | ||
| helpers.ts | ||
| integration.spec.ts | ||
| page_title_strategy_spec.ts | ||
| recognize.spec.ts | ||
| regression_integration.spec.ts | ||
| router.spec.ts | ||
| router_link_spec.ts | ||
| router_preloader.spec.ts | ||
| router_scroller.spec.ts | ||
| router_state.spec.ts | ||
| shared.spec.ts | ||
| standalone.spec.ts | ||
| url_serializer.spec.ts | ||
| url_tree.spec.ts | ||
| view_transitions.spec.ts | ||