Quiero cargar el componente según el parámetro de URL cuando el usuario hace clic en un enlace en el componente de inicio. Por ejemplo, el usuario está en "/ home", que tiene una lista de enlaces
Enlace 1 Enlace 2
Cuando el usuario hace clic en el enlace 1 o 2, quiero cargar el componente de detalles y la URL debe ser '/inicio/detalles/1', el "1" al final es un parámetro de ruta.
Lo mismo sucede cuando el usuario hace clic en el enlace 2, se carga el mismo componente de detalles pero el parámetro es "2" y la URL cambia a '/inicio/detalles/2'
Intenté lo siguiente en el módulo de enrutamiento, la URL cambia pero el componente de detalles no se carga y no se informa ningún error en la consola.
const routes: Routes = [ { path:'', component:HomeComponent, children:[ { path:':id', component:DetailsComponent }] } ]Y las etiquetas de anclaje son:
<a [routerLink]="[1]">Link 1</a> <a [routerLink]="[2]">Link 2</a>Prueba <a [routerLink]="['/home',2]">Link 2</a> y
const routes: Routes = [ { path:'home', component:HomeComponent, children:[ { path:':id', component:DetailsComponent }] } ]También debe generar sus páginas con el siguiente comando:
ng g module detail --module person --route {personid}/detailSi desea redirigir a ciertas páginas, siempre puede usar esto
In RouteModule const routes: Routes = [ { path:'Home', component:HomeComponent, children:[ { path:':id', component:DetailsComponent }] } ] In Html <a [routerLink] = ['/Home','1'] >Link 1</a> <a [routerLink] = ['/Home','2']>Link 2</a>