Any ideas on how to handle custom route reuse?

[benjamin-thomas]

I'm submitting a...

[ ] Regression (a behavior that used to work and stopped working in a new release)
[ ] Bug report  
[ ] Performance issue
[x] Feature request
[x] Documentation issue or request
[ ] Support request
[ ] Other... Please describe:

Current behavior

When implementing a custom route reuse strategy, syncing breaks on route reuse. There doesn't seem to be an easy solution to this problem.

Expected behavior

I'm submitting this as I would like your input as the library author. You could have an idea that I'm not seeing at the moment.

@gili-lumigo I'd like your input too since you've just implemented a related feature.

Minimal reproduction of the problem with instructions

Please go to: https://angular-ivy-vrpb4j.stackblitz.io/form

Then:

• fill in the form
• notice that there is a long and annoying "slow request" displayed at the same time
• click on "GO TO LIST"
• then go back to the form by clicking on "GO TO FORM"

At this stage, you don't see the annoying slow request (that's the benefit of reusing this route). But unfortunately the syncing is broken (until each form control gets retouched).

What is the motivation / use case for changing the behavior?

At this stage, the form should either be reset because no params are set. Or the URL should reflect the current form value from the reused route.

Environment

Please see the stackblitz link. Repo is here: https://github.com/benjamin-thomas/angular-bind-query-params-demo

[NetanelBasal]

@gili-lumigo try to help.

[benjamin-thomas]

Ok I got it here: benjamin-thomas/angular-bind-query-params-demo@626a2a8

In a nutshell I did have to implement two extra life cycle hooks to solve that syncing problem.

The stackblitz URL is update if you want to have a look.

[gili-lumigo]

Hey @benjamin-thomas.

I checked the issue, Bind-query-params doesn't work for you because you have an opposite use-case from what we solved in version 2.0.

In your use case, You want the form control to sync the URL on a component reattached event. This update happens only on form control change.

I saw your implementation, I think that there's an easier way to do it.
I've opened a PR to your repo with my idea.

benjamin-thomas/angular-bind-query-params-demo#1

@NetanelBasal I'll appreciate if you can also take a look on it.

[benjamin-thomas]

Thanks @gili-lumigo, I'm looking at it :)