Error con routing module y captura de id ANGULAR

Question

Tengo un problema muy peculiar. Tengo una ruta que me devuelve un objeto con información: http://localhost:4200/empresa/pasarela/formadepago/75202.

Recojo el id con el observable de angular como viene en la documentación y funciona bien.
Este es el link que me provee el id: <a [routerLink]="['/empresa/pasarela/formadepago', item.id]">CONTRATAR</a>

El problema cuando quiero acceder desde otra ruta o si refresco la página, el observable no lee el id y me aparece este error en consola:
GET http://localhost:4200/empresa/pasarela/runtime.js net::ERR_ABORTED 404 (Not Found)

parece que no estoy escribiendo la ruta bien en el router-module.ts o qué será que me falla?

Alguien podría ayudarme con esto?

angular angularjs rutas

Jorge Humberto Guzmán Fuentes · Answer

He encontrado la respuesta por mí mismo pero la publicaré por si alguien algún día le pasa lo que a mí.

Me he dado cuenta que en los proyectos de angular las rutas deben ser consideradas por el base href="" del index.html

Cuanto más largas hagas las rutas del proyecto, se deben considerar saltos arriba en esta etiqueta. En mi ejemplo: Si son 4 subpáginas se deben añadir 3 saltos <base href="../../../"> Y si usaré la etiqueta de /:id esta también cuenta como salto, así que lo solucioné agregando un salto más: <base href="../../../../">

Error con routing module y captura de id ANGULAR

One Answer

Add your own answers!

Ask a Question