angular - por - routerlink pasar parametro

¿Cómo pasar un parámetro a routerLink que está en algún lugar dentro de la URL?

Question

Sé que puedo pasar un parámetro a routerLink para rutas como

/user/:id

escribiendo

[routerLink]="[''/user'', user.id]"

pero qué pasa con rutas como esta:

/user/:id/details

¿Hay alguna manera de configurar este parámetro o debería considerar un esquema de URL diferente?

Answer 1

En su ejemplo particular, haría el siguiente routerLink :

[routerLink]="[''user'', user.id, ''details'']"

Para hacerlo en un controlador, puede inyectar el Router y usar:

router.navigate([''user'', user.id, ''details'']);

Más información en la sección Matriz de parámetros de enlaces de documentos angulares de Enrutamiento y navegación

Answer 2

Primero configure en la tabla:

const routes: Routes = [  
{
  path: ''class/:id/enrollment/:guid'',
  component: ClassEnrollmentComponent
 }
];

ahora en tipo script script:

this.router.navigate([`class/${classId}/enrollment/${4545455}`]);

recibir parámetros en otro componente

 this.activatedRoute.params.subscribe(params => {
  let id = params[''id''];
  let guid = params[''guid''];

  console.log(`${id},${guid}`);
  });

Answer 3

Tal vez sea una respuesta realmente tardía, pero si desea navegar en otra página con param puede,

[routerLink]="[''/user'', user.id, ''details'']"

tampoco deberías olvidarte de la configuración de enrutamiento como,

 [path: ''user/:id/details'', component:userComponent, pathMatch: ''full'']