Want to prevent Component recreation while routing in Angular 2

by

Currently components are reused only when only route parameters change while staying on the same route.

If the route is changed, event when the new route adds the same component, the component is recreated.

The preferred workaround is to keep the model in a shared service that stays alive during route changes and use the data from this service to restore the previous state of the component.

It was mentioned that there are plans to support custom reuse strategies with the router but no timeline when this will become available.

Update

Support for custom reuse strategy was added to Angular2.

See also

More Related Contents:

  1. Can’t reload/refresh active route
  2. Angular 2.0 router not working on reloading the browser
  3. How to detect a route change in Angular?
  4. Angular 2: 404 error occur when I refresh through the browser [duplicate]
  5. How do I create a singleton service in Angular 2?
  6. Warn user of unsaved changes before leaving page
  7. ‘router-outlet’ is not a known element
  8. Passing data into “router-outlet” child components
  9. Angular 2 unit testing components with routerLink
  10. How to pass query parameters with a routerLink
  11. Dynamic routing based on external data
  12. How to switch layouts in Angular2
  13. How do I detect user navigating back in Angular2?
  14. Using Resolve In Angular2 Routes
  15. Angular2 – Interaction between components using a service
  16. Is Angular 2’s Router broken when using HTML5 routes? [duplicate]
  17. Angular2 router.navigate refresh page
  18. Angular 2 passing object via route params possible?
  19. Lazy Loading BrowserModule has already been loaded
  20. Angular2 routing / deep linking not working with Apache 404
  21. Redirect to a different component inside @CanActivate in Angular2
  22. Do I have to unsubscribe from ActivatedRoute (e.g. params) observables?
  23. Angular 2 – Routing – CanActivate work with Observable
  24. New Angular2 router configuration
  25. Angular routerLink does not navigate to the corresponding component
  26. How to get parameter on Angular2 route in Angular way?
  27. angular 2 azure deploy refresh error : The resource you are looking for has been removed, had its name changed, or is temporarily unavailable
  28. Angular 2 different components with same route
  29. Angular2 router, get route data from url, to display breadcrumbs
  30. Share data between components using a service in Angular2

Leave a Comment