Angular 2 Change route (URL) and Load data from DB

Question

In my project I have menu which is inside *ngFor loop and where I have menu.Id as a parameter to load data from database

<li *ngFor="let item of menu">
  <a [routerLink]="['/products', item .Id]">{{item .Name}}</a>
</li>

when I click this menu item for first time (no matter which one) it works great but after that to click another menu item it not works because ProductsComponent is already loaded and cann't take Id again (route isn't changed '/products/:id' Id is different but constructor is already loaded and component is initialized).

In ProductsComponents' constructor getting data like this

 this.route.params.subscribe(params => {
      this.menuId = params.menuId;
 });

How do I can load data dynamically based on route?
and is it possible to hide menu.Id in route?

Can you show your routing module?

Amit Chigadani
– Amit Chigadani

2018-06-04 19:23:07 +00:00
Commented Jun 4, 2018 at 19:23 — Amit Chigadani
– Amit Chigadani, Commented Jun 4, 2018 at 19:23

oeste · Accepted Answer · 2018-06-05 05:22:34Z

1

You can just get the info you need from the route on load

For example, in your ngOnInit you can call getMenuId() with the function:

getMenuId() {
    const id = +this.route.snapshot.paramMap.get('menuId');
    //do something with menuId, like call another function to load your data with the id
  }

answered Jun 5, 2018 at 5:22

oeste

1,5591 gold badge10 silver badges12 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Angular 2 Change route (URL) and Load data from DB

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related