title: Angular routerlink using semicolon instead of question mark, url not behaving as expected
body: <p>I have the following button in my code:</p>
  <pre class="lang-html prettyprint-override"><code>&lt;button [routerLink]=&quot;['/answerslist', {id: applicant.id} ]&quot; label=&quot;View Interview&quot;&gt;&lt;/button&gt; 
  </code></pre>
  <p>Corresponding to the following route:</p>
  <pre class="lang-js prettyprint-override"><code>{ path: 'answerslist', component: AnswersListComponent },
  </code></pre>
  <p>I am expecting the URL to turn up as following:
  http://localhost:4200/answerslist?id=member2</p>
  <p>However I am getting this when clicking on the button:
  http://localhost:4200/answerslist;id=member2</p>
  <p>(Semicolon instead of question mark)</p>
  <p>And as a result, the code doesn't work properly. I am retrieving the parameter for later use as follows:</p>
  <pre class="lang-js prettyprint-override"><code>  getUser(){
      this.activeRoute.queryParams.subscribe(
        (params) =&gt; {
          const id = params['id'];
          if (id) { 
            this.currentUser = id;
          }
          else{
            console.log('id not passed'); //this is what currenlty gets printed
          }
        });
    }
  </code></pre>
  <p>So I need a way to construct the URL with a question mark, not a semicolon</p>