Refresh component after router.navigateByUrl to the same URL with different parameters

Question

I have a Router <router-outlet></router-outlet> that includes the following route:

{ path: 'employee/:id', component: EmployeeComponent }

With an EmployeeComponent component already inside the router-outlet with a specific employee, I do the following in my code: this.router.navigateByUrl('/employee/'+this.employee2);

The url changes but the component does not execute the ngOnInit() method with the new Employee, and the content is not refreshed. I need to instantiate a new EmployeeComponent with an EmployeeComponent already on my router, or refresh the existing one. How can fix that?

IMO you should make use of ActivatedRoute

Sarthak Aggarwal
– Sarthak Aggarwal

2019-03-27 11:43:21 +00:00
Commented Mar 27, 2019 at 11:43 — Sarthak Aggarwal
– Sarthak Aggarwal, Commented Mar 27, 2019 at 11:43

Seba Cherian · Accepted Answer · 2019-03-27 11:44:44Z

2

Need to inject "ActivatedRoute" and subscribe the params

constructor(route:ActivatedRoute){
      route.params.subscribe(val=>{ 
       //    add to do function()
      })
   }

answered Mar 27, 2019 at 11:44

Seba Cherian

1,7938 silver badges18 bronze badges

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

Comments

Sarthak Aggarwal · Accepted Answer · 2019-03-27 11:51:24Z

1

You can make use of AcitvatedRoute.

import { ActivatedRoute } from "@angular/router";

constructor(private route: ActivatedRoute) { }

Using Params

ngOnInit(){
  this.route.params.subscribe(param=>{
    console.log(+params['id'])
  })
}

edited Mar 27, 2019 at 11:51

answered Mar 27, 2019 at 11:46

Sarthak Aggarwal

2,3121 gold badge10 silver badges12 bronze badges

Collectives™ on Stack Overflow

Refresh component after router.navigateByUrl to the same URL with different parameters

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related