Angular 2 router.navigate
<p>I'm trying to navigate to a route in Angular 2 with a mix of route and query parameters. </p>

<p>Here is an example route where the route is the last part of the path:</p>

<pre><code>{ path: ':foo/:bar/:baz/page', component: AComponent }
</code></pre>

<p>Attempting to link using the array like so:</p>

<pre><code>this.router.navigate(['foo-content', 'bar-contents', 'baz-content', 'page'], this.params.queryParams)
</code></pre>

<p>I'm not getting any errors and from what I can understand this should work. </p>

<p>The Angular 2 docs (at the moment) have the following as an example:</p>

<pre><code>{ path: 'hero/:id', component: HeroDetailComponent }

['/hero', hero.id] // { 15 }
</code></pre>

<p>Can anyone see where I'm going wrong? I'm on router 3.</p>