title: How to keep applied search filters when user hit the back button or refresh the page?
body: <p>I created a search engine on my page where user can apply some filters. Basically what I do it's to add the filters apllied in a list and automatically adding the parameters to URL. </p>
  
  <pre class="lang-angular prettyprint-override"><code>  applyFilters(formValue: any) {
  
      this.filterList = new Array();
      this.appliedFilters = 0;
      this.filtersStr = '';
  
      if (formValue.active != null) {
        this.appliedFilters++;
        this.buildStringFilter('active=' + this.activeSelected.value);
        this.filterList.push(new Filter('active', 'active: ' + this.activeSelected.descricao));
      }
  
      if (formValue.idLaboratory != null) {
        this.appliedFilters++;
        this.buildStringFilter('laboratory.id=' + this.labSelected.id);
        this.filterList.push(new Filter('idLaboratory', 'Laboratory: ' + this.labSelected.nome));
      }
  
      if (formValue.idOwner != null) {
        this.appliedFilters++;
        this.buildStringFilter('owner=' + this.ownerSelected.idUsuario);
        this.filterList.push(new Filter('idOwner', 'Owner: ' + this.ownerSelected.nome));
      }
  
      if (formValue.machineName != null) {
        this.appliedFilters++;
        this.buildStringFilter('machineName=ci(contains(' + formValue.machineName + '))');
        this.filterList.push(new Filter('machineName', 'Machine Name: ' + formValue.machineName));
      }
  
  
      this.loadPageRegisters(0);
    }
  </code></pre>
  
  <p>The problem I'm facing on this is when the user applys the filters and opens a filtered register, if he hits the back button to see the filtered list again, the applied filters disappear. The vars filtersStr (keeps the URL params) and filterList (keeps the Filters applied) are losing their values.</p>
  
  <p>How could I keep that values when the user hits back button in the browser?</p>