title: Route to last known state of the tab
body: <p>I have GUI which has couple of tabs. Under each tab, exists a table which allows sorting and searching and query params are mapped in the URL to query params. I'd like to preserve the last known state (along with URL) of each tab before navigating away from any tab and when click on a tab I'd like to be taken back the last known URL of the tab I was on before I left it. Each tab has a different path. </p>
  
  <p>For example, let's say I'm on Tab_1 <code>(/tab1)</code>, I search for "hello", table filters <code>(/tab1?q=hello)</code> and switch to another tab Tab_2. When I click on Tab_1, I want to go back to search state <code>(/tab1?q=hello)</code> with corresponding query params in the URL.</p>
  
  <p>I have implemented <code>RouterReuseStrategy</code> to cache component state, but my components watch for query params, since there are no query params when I navigate back, the component is re-initialized. I believe if I somehow manage to set  URL with query params, the component will show the correct cached state. I just cannot figure how to achieve that. </p>
  
  <p>Any suggestion/recommendation is appreciated. </p>