title: Angular 9 how to handle ampersand(&) inside activated route param field
body: <p>I am fetching query parameter from url through <code>ActivatedRoute</code> <code>queryParams </code> method.It is working fine for normal string.But If I have '&amp;' inside the query value,then it's split the value from '&amp;' and getting the string before the '&amp;' position.Example is below:</p>
  <p><code>http://localhost:4200/#/test/APP?cat1=APP1&amp;cat2=A&amp;B%20Test=&amp;cat3=Service</code> this is the url from which I'm fetching the <code>cat1</code>,<code>cat2</code>,,<code>cat3</code> value.</p>
  <pre><code>constructor(private actRoute: ActivatedRoute){
  }
  this.actRoute.queryParams.subscribe(params =&gt; {
       this.catName1 = params['cat1'];
       this.catName2 = params['cat2'];
       this.catName3 = params['cat3'];
       console.log(this.catName1, this.catName2);
  })
  </code></pre>
  <p><code>this.catName1</code> is printing <code>APP1</code> but <code>this.catName2</code> is printing only <code>A</code>, rest of the part is omitted.How to get the whole <code>this.catName2</code> value as <code>A&amp;B Test</code>. I already tried with <code>encodeURI()</code> function but nothing happened.</p>