title: URL modification: Angular
body: <p>I have a function that I use to cycle through some pictures which changes my URL. I get my firs URL using angular routes, the "domain" parameter is an array which is made up of the domain.id and the domain.category 
      <code>&lt;a [routerLink] = "['/image', image.id, domain]"&gt;</code></p>
  
  <p>When I choose the first image I get the correct structure for my URL. 
      <code>http://localhost:4200/image/1;id=1;category=testing.</code></p>
  
  <p>However when I call my "next" function to cycle through the images I get this URL. 
      <code>"http://localhost:4200/image/2?id=1&amp;category=testing.</code></p>
  
  <p>Basically what I'm asking is it possible to replace the "?" and the "&amp;" and turn them into ";".</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>next() {
    const next = this.activeId + 1 &gt;= 9 ? 1 : this.activeId + 1;
    const extras: NavigationExtras = {
      queryParams: {
        id: this.domain.id,
        category: this.domain.catergory
      }
    };
    this.router.navigate(['/image/' + next], extras);
  }</code></pre>
  </div>
  </div>
  </p>