Comments (3)
The current view transition api is best used for whole-page transitions and not really meant for the use-case you’re describing. I think what you’re looking for is the scope transitions proposal.
Aside from that, there’s not really a need for an injectable that’s just a wrapper around the native view transition function. You can just call that directly yourself, make updates to application state, and return a promise that resolves with afterNextRender
.
Unless there’s something I’m missing here, I think this issue can be closed.
from angular.
We're definitely excited by the potential of scoped transitions :) but I agree with Andrew, there's nothing we can do at the moment.
from angular.
@atscott and @alxhub, thank you for your feedback.
I agree with you that the view transitions were not directly developed for such a use case. But developers are creative, and even Bramus shows such use cases when he talks about view transitions. So, I think people will try it. That's why I first came up with the idea that it might be a great addition to Angular if we offered developers the use here with a simple API. I also agree that the scope transitions proposal fits the use case better.
Until then, we can at least make do with your suggested approach of using the "afterNextRender" promise and experiment. Thanks for that hint!
from angular.
Related Issues (20)
- Error link reported by ag HOT 1
- Component under @defer can not find injected services - R3InjectorError(DeferBlock Injector) error. HOT 3
- Vulnerability in package: @angular/localize > fast-glob > micromatch > braces HOT 1
- list of complete pipes link does not work HOT 1
- Fixit: Land #55183 to fix `this.` in templates
- Inect not working in normal function HOT 2
- Hydration: detect common mismatch patterns and produce a better error message HOT 1
- requestAnimationFrame not work´s HOT 2
- requestAnimationFrame Angular issue HOT 1
- App shell pattern diagram broken HOT 1
- We detected an application built with production configuration. Angular DevTools only supports development build. HOT 2
- Example for CanMatchFn does not exist. HOT 2
- Mark pure pipes dirty when a signal that they read changes HOT 3
- Libraries built with esbuild yield "ReferenceError: Cannot access '_c1' before initialization" HOT 7
- Hello World Project is not Downloading from website. HOT 1
- Signal Pipes HOT 1
- Pipes broken url HOT 2
- Track keyword comment in the new control flow leads to a broken link HOT 5
- Compiling different parts of an Angular app in separate passes? HOT 3
- Angular - optional chaining not working with Signal object with optional property, HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from angular.