How to prevent last visited page reload in angular7?

Question

1. i am using angular7 router
2. this application maintain the visited pages. no re-load the page again
3. if i close the page separately at that time destroy variables and others
4. sample images i attached

for example

• first time i viewed candidates grid
• then i click particular candidates mail
• then i click the candidates grid tab
  • the grid is reload again.

in this case support router-outlet(angular7) or any other options to solve the requirement ?

Answer 1

is your problem grid/component re-creation or data getting fetched again?

you can't and shouldn't keep the component in dom when you are going to a different view, however you can definitely avoid data reloading.

Consider using ngrx/store or a service to hold the data and not load it again when the grid is recreated.