title: Getting actual semicolon and array elements in url. Angular
body: <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>  ngOnInit() {
          const id$ = this.route.paramMap.pipe(map((params) =&gt; params.get('id') || 0), map(n =&gt; Number(n)));
          id$.subscribe(id =&gt; {
            this.activeId = id;
            console.log("ActiveId",this.activeId);
            this.testing =  this.graphService.getTestingGraphs(id);
            this.image = this.imageService.getImage(id);
          });
            this.route.params
            .subscribe(params =&gt; {
            const id = +params['id'];
            console.log(`Current param ID is: ${id}`);
      });</code></pre>
  </div>
  </div>
  </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-html lang-html prettyprint-override"><code>&lt;div *ngIf = "this.domain.id == 1" class ="row" &gt;
      &lt;button (click)="prev()" class="previous round"&gt;&amp;#8249;&lt;/button&gt;
        &lt;div  [ngStyle] = "{'background-image': 'url('+ testing.url +')'}" class ="img-container"&gt;
        &lt;/div&gt;
      &lt;button (click)="next()" class="next round"&gt;&amp;#8250;&lt;/button&gt;
    &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>I have a route that I want to link like this "<a href="http://localhost:4200/image/1;id=1;catergory=testing" rel="nofollow noreferrer">http://localhost:4200/image/1;id=1;catergory=testing</a>"
  However when I try to hard code in the semicolon and the other contents of the array I get different values. I tried something like
  this.router.navigate(['/image/' + next] + ';' + this.domain.id + ";" + "catergory=" + this.domain.catergory);</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;= this.image.length - 1  ? this.graph.length - 1 : this.activeId + 1;
      const next = this.domain.id + 1 &gt;= 9  ? 1 : this.domain.id + 1;
      this.router.navigate(['/image/' + next] + ";");
    }</code></pre>
  </div>
  </div>
  </p>