title: Passing strings as route parameters in Angular without encoding
body: <p>I am trying to pass a string using this code:</p>
  
  <pre><code>  this.router.navigate(['/systems', params.toString()]);
  </code></pre>
  
  <p>The route parameter is then appended to a URL for an API call. 
  The <code>params.toString()</code> is <code>change_user=2258</code>. When it is sent through the browser however, it is changed to <code>change_user%3D2558</code> on the URL. When I use the developer tools to see what was sent to the API, it was changed to <code>NaN</code>.<br>
  How do I pass a string through a router, so that I can directly append it to my API string?</p>
  
  <p>Edit: The variable <code>params</code> is of type <code>URLSearchParams()</code>. 
  This is how I'm trying to extract the parameter: </p>
  
  <pre><code>this.route.paramMap.switchMap((params: ParamMap) =&gt; 
  this.httpService.getSites(+params.get('params')))
  .subscribe(sites =&gt; this.sites = sites);
  </code></pre>