Rutas anidadas y parámetros de ruta

Objetivo: comprenda las rutas anidadas (páginas principales que renderizan vistas secundarias) y los parámetros de ruta (partes variables de la URL, como /products/42).

Una ruta principal (por ejemplo, /products) renderiza el diseño y un outlet. Las rutas secundarias (por ejemplo, /products/:id) rellenan ese outlet con contenido específico.

Los parámetros de ruta capturan valores de la URL (como :id). Los componentes leen el parámetro para obtener o mostrar el registro correspondiente.

Demo basada en hash: la ruta principal /products muestra una lista; al seleccionar un elemento se navega a /products/ID y se renderiza dentro la vista secundaria.

Lectura de parámetros: analice la URL (o utilice un hook del enrutador) para obtener id y cargar los datos. Creación de enlaces: cree rutas como /products/ID a partir de listas.

Consejos:

• Mantenga pequeño el diseño de la página principal; renderice el contenido secundario en un área de outlet.
• Valide los parámetros antes de utilizarlos.
• Gestione correctamente los identificadores inexistentes.

Repaso: las rutas principales proporcionan el diseño; las rutas secundarias se renderizan en un outlet. Utilice los parámetros de ruta para capturar identificadores de la URL y mostrar el registro correcto.