Al trabajar con angular en ocasiones se ve en la necesidad de pasar elementos a través de la URL para hacer uso de esta en otro componente, ya sea un id, una cantidad etc. Al recargar los componentes que tienen una variable en su URL este tiende a tronar y se debe salir de la página y volver a entrar para visualizar el contenido, con lo siguiente daremos solución a este inconveniente.
1. podemos observar en la siguiente imagen que es una pagina a la que se le esta enviando una variable a través de la URL
2. La problemática surge que al recargar la pagina esta truena
Antes de recargar:
Después de recargar :
3. para solucionar este problema lo único que debemos hacer es entrar al app.module.ts
En la parte de providers dentro de los corchetes agregaremos esto:
providers: [{provide: LocationStrategy, useClass: HashLocationStrategy}]import { HashLocationStrategy, LocationStrategy } from '@angular/common';
