example - Angular2 Routing: mantener el estado del componente cuando la ruta cambia

router events angular 6

Question

Esta pregunta ya tiene una respuesta aquí:

• ¿El enrutador Angular2 2.0.0 no está cargando componentes cuando la misma url está cargada con diferentes parámetros? 2 respuestas

Tengo una aplicación, con vistas detrás de rutas, necesito poder continuar desde el punto en que cambió la ruta, pero después de regresar, el componente está en su estado inicial.

¿Hay alguna manera de mantener el estado de un componente?

Answer 1

Hay un problema abierto en este escenario exacto en https://github.com/angular/angular/issues/5275

Puede usar routerCanReuse solo si el componente nuevo y el componente anterior (cuando presiona el botón "atrás") son del mismo tipo de componente.

Como sugirió Günter, su única opción ahora si los Componentes son de diferente tipo es mantener el estado en un servicio compartido.

Answer 2

actualización 2

Ahora está solucionado (Angular 2.3) para el nuevo enrutador mediante https://github.com/angular/angular/pull/13124 que permite proporcionar una estrategia de reutilización personalizada.

Para ver un ejemplo, consulte también https://www.softwarearchitekt.at/post/2016/12/02/sticky-routes-in-angular-2-3-with-routereusestrategy.aspx

Documentos angulares https://angular.io/api/router/RouteReuseStrategy

actualización 2 Esta respuesta es solo para una versión de enrutador descontinuada hace mucho tiempo.

Consulte https://angular.io/docs/ts/latest/guide/router.html#!#guards para https://angular.io/docs/ts/latest/guide/router.html#!#guards cómo hacerlo en el enrutador actual.

original

Si sus componentes implementan CanReuse y devuelve true desde

routerCanReuse(next: ComponentInstruction, prev: ComponentInstruction) {
  return true;
}

entonces el componente se conserva y se reutiliza en lugar de destruirlo y recrearlo.

Otra forma es mantener los datos en un servicio compartido y recuperarlos desde allí cuando se recrea el componente.