angular router navigate then reload

Question

So I want to reload the app after navigating to a specific route ..

I use router.navigate to navigate to certain route based on user role and that works fine but I have to reload the page after routing if coming from sign in page (not every time user opens that certain route) - and reloading here is to update page language depending on user's language

so what i tried to do is

  else if(this.sp.role === 'Admin') {
      console.log('ooo')
      this.router.navigate(['/admin/dashboard']); 
      this.window.location.reload();

but that reloads the sign in page

Navigation to the same component does not reloads the data - https://stackoverflow.com/a/68503542/7573844 — Evgeny Nozdrev, Jul 23 '21 at 18:47

score 96 · Accepted Answer · answered Mar 28 '19 at 09:39

96

Simple

this.router.navigate(['path/to'])
  .then(() => {
    window.location.reload();
  });

answered Mar 28 '19 at 09:39

Vlad

6,741
2
48
42

7

its take too much time to reload page – amit sutar Jun 05 '19 at 10:03
@amitsutar sometimes you require to reload the page. This answer is for those circumstances – vikingsteve Jan 14 '20 at 13:56
3

the answer I have been searching for for a long time, simple and effective – Coen Damen Mar 27 '20 at 08:39
8

If that is to slow, do a real reload: `window.location.href = window.location.protocol + '//' + window.location.host + '/path/to';`. This is more in line with user expectations. – CularBytes Aug 12 '20 at 19:52
1

simple and effective solution, helped me, thanks! – Brahim LAMJAGUAR Mar 04 '21 at 09:09
1

problem: you can see the navigated page flashing and then the reload fires. Not nice. – Lord Midi Mar 16 '21 at 13:50
Thanks for the solution. I totally forgot that the `router.navigate(...)` returned a Promise – penguintheorem Jul 01 '21 at 09:28

danielreiser · Answer 2 · 2018-12-01T15:07:54.597

7

What you could do is shift the reload logic to the actual component which needs to be reloaded. You can subscribe to the NavigationEnd event and then check the route you're coming from e.g.

this.router.events
  .pipe(
    filter(value => value instanceof NavigationEnd),
  )
  .subscribe(event => {
  if (event.url === 'http://mypreviousUrl.com') {
    this.window.location.reload();
  }
});

edited Dec 01 '18 at 15:07

answered Dec 01 '18 at 11:08

danielreiser

5,182
5
29
43

score 4 · Answer 3 · answered Sep 28 '21 at 13:08

4

Simply do

location.href = '/admin/dashboard';

answered Sep 28 '21 at 13:08

Priesten

41
3

This answer saved my day. – Terry Windwalker Oct 30 '21 at 11:09

angular router navigate then reload

3 Answers3

Linked