Saltar al contenido

navegación angular a la misma ruta con diferentes parámetros

Este tutorial fue probado por especialistas así garantizamos la exactitud de esta noticia.

Solución:

Enfrenté el mismo problema y esto lo resolvió en mi caso.

constructor(private router: Router) 
    this.router.routeReuseStrategy.shouldReuseRoute = function () 
      return false;
    ;
  

La respuesta a este problema fue que tenía que suscribirme al parámetro de ruta en mi componente EditSingleUser y usar este valor cuando obtuve los datos de la página.

En ngOnInit()

this.route.params
  .switchMap((p: Params)=>
      let usr = p['username']; //read the username route parameter
      return this.apiService.getUser(usr)      //call getUser with that parameter
        )
  .subscribe(data=> 
    this.user= data
    console.log("data :" + JSON.stringify(data));
    this.setupFormData();          //use the resulting data to set up the form
  )

En Angular 8, es posible cargar alguna otra ruta y luego volver a la actual activa. Solo prueba esto:

this.router.navigateByUrl('/', skipLocationChange: true)
  .then(()=>this.router.navigate(['editsingleuser',this.user.sub]));

Créditos:

  1. Cómo recargar la ruta actual con el router angular 2
  2. https://dev.to/oleksandr/mastering-angular-8-five-things-that-are-good-to-know-to-save-your-time-14hk (Artículo n.º 5: n.º 5. Vuelva a cargar el componente en misma URL de navegación)

Nos encantaría que puedieras compartir esta crónica si te fue útil.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *