title: How to highlight text from URL parameters in component Angular 2
body: <p>i have a component that loads an list from my backend api</p>
  
  <pre><code>getSearchResult(): void {
      this.procedimentoService.getSearchResult(this.setUrlParams())
          .then(result =&gt; {
              this.ready();
              this.procedimentos = result.procedimentos;
              this.pagination = result.pagination;
          }).then(result =&gt; console.log(this.pagination));
  }  
  
  setUrlParams(): URLSearchParams {
      this.standby();
      let searchOptions = new URLSearchParams();
      if (this.searchParams){
          for (let key in this.searchParams) {
              if(this.searchParams[key]){
                  searchOptions.set(key, this.searchParams[key].toString());
                  this.searchParams.page = 1;
              }
          }         
      }
      return searchOptions;                
  }   
  </code></pre>
  
  <p>So, <code>getSearchResult()</code> retrieve my data and set my <strong>url</strong> parameters.</p>
  
  <p><code>setUrlParams()</code> verify if my <code>[(ngModel)]</code> has some value, if so, he puts it in my URL as parameters.</p>
  
  <p>Here's what I need: I need to get this text I just typed in my inputs and highlight them in the <strong>columns</strong> of my <code>grid</code>.</p>
  
  <p>Sorry about my broken english, hope you guys can understand.</p>