estoy trabajando con Angular 7 y al cambiar el parámetro de la URL no me actualizar el contenido por que no vuelve a cargar el constructor o el ngOnInit, todas las URL llaman al mismo componentes por ejemplo CategoryComponent pero dependiendo del parámetro de la URL enseña unos productos u otros.
Lo explico mejor con codigo.
Componente Routering.
const routes: Routes = [
{ path: '', component: HomeComponent },
{ path: ':category', component: CategoryComponent },
{ path: '**', component: Error404Component }
];
Tengo un menu con un dropdown-menu
<div class="dropdown-menu" aria-labelledby="dropdownMenuCategory">
<a class="dropdown-item" [routerLink]="['/robots-aspiradores']">Robots Aspiradores</a>
<a class="dropdown-item" [routerLink]="['/patinetes-electricos']">Patinetes Eléctricos</a>
<a class="dropdown-item" [routerLink]="['/cafeteras']">Cafeteras</a>
</div>
Constructor del CategoryComponent
constructor( private _activatedRoute: ActivatedRoute, private _productService: ProductService ) {
this.url = GLOBAL.url;
this.categoryName = this._activatedRoute.snapshot.paramMap.get("category")
this.getProductsCategory(this.categoryName);
this.title = this.categoryName.replace('-', ' ').toUpperCase();
}
Quiero que cuando se haga click a cada opción del menu me vuelva a cargar el constructor o ngOnInit pero solo carga la primera vez que entro pero si desde una pagina de categoría me muevo a otra ya no vuelve a cargar tengo que ir al HOME y entrar a otra categoría para que vuelva a cargar.
No se si me he explicado bien, espero que si, un saludo y gracias.
CategoryComponent
suclase
,constructor
y su funcionngOnInit
)?CategoryComponent
, pero tiene pinta de que no te has suscrito al router correctamente: si cambias la ruta pero el componente a cargar es el mismo, el ciclo de vida no se ejecuta, como mucho se ejecutarángOnChanges
.