title: Adding Parameter to Angular router.navigate
body: <p>First of all, I am not sure if this is the right way, to achieve what I want..
  I am trying to add an export binding like the following to a router.navigate()-method:</p>
  
  <pre><code>&lt;call [caller]="caller"&gt;&lt;/call&gt;
  </code></pre>
  
  <p>The problem is that I never use the  directive, but instead adress it through a router:</p>
  
  <pre><code>acceptCall() {
     this.router.navigate(["call"]);
  }
  </code></pre>
  
  <p>How can I achieve the same export binding from the first example in the acceptCall()-method?
  I Have already added an Input() variable and tried it with queryParams like this:</p>
  
  <pre><code>@Input() caller: Caller;
  acceptCall(caller) {
      this.router.navigate(["call"], {queryParams: caller});
  }
  </code></pre>
  
  <p>But this does not work.</p>