A partir de una ruta con parámetros, si el usuario introduce el parámetro directamente en la URL, el componente lo carga igualmente. Por ejemplo:
// app-router.module.ts
const routes: Routes = [
{ path: '', component: InicioComponent },
{ path: 'inicio', component: InicioComponent },
{ path: ':modelo', component: ProductoComponent },
{ path: '**', redirectTo: '', pathMatch: 'full' },
];
//producto.componente.ts
export class ProductoComponent implements OnInit {
producto: {
modelo: string
}
listaProductos = ['modelS','model3','modelX','modelY','powerWall','carga'];
constructor(
private rutaActiva: ActivatedRoute) { }
ngOnInit(): void {
let paramRoute = this.rutaActiva.snapshot.params.modelo;
if (this.listaProductos.indexOf(paramRoute) != -1) {
this.producto = {
modelo: this.rutaActiva.snapshot.params.modelo
};
this.rutaActiva.params.subscribe(
(params: Params) => {
this.producto.modelo = params.modelo;
}
);
}
}
La finalidad es que si se escribe directamente en la URL, redireccione, en caso de que no exista.
:modelo
se solapan.inicio
se va a tomar como un parámetro. Puedes agregar antes algo comolistar/:modelo
. Y a donde quieres redirigir?