<p dir="auto">See <a href="http://plnkr.co/edit/fj6lzemiFQUP5XsdjQHN?p=preview" rel="nofollow">Plunker</a> and select its <em>Launch the preview in a separate window</em> in order to see resulting url:</p>
<ul dir="auto">
<li><code class="notranslate">['/Parent', {}, 'Child']"&gt;/Parent', {}, 'Child']</code> raises runtime error during application start</li>
<li><code class="notranslate">['/Parent2', {par:1, w:0, x:1}, 'Child2', {id:2, y:10, z:11}]</code> produces this url: <code class="notranslate">#/parent2/1/child2/2;y=10;z=11?w=0&amp;x=1</code>, with some incostincency in processing extra parent-child attributes. I can expect <code class="notranslate">#/parent2/1/child2/2?y=10&amp;z=11&amp;w=0&amp;x=1</code></li>
</ul>
<p dir="auto"><em>Using the <code class="notranslate">routerLink</code> directive as documented <a href="https://angular.io/docs/ts/latest/api/router/RouterLink-directive.html" rel="nofollow">here</a>.</em></p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="&lt;a [routerLink]=&quot;['Hub', {}, 'Child']&quot;&gt;Hub/Child&lt;/a&gt;"><pre class="notranslate"><code class="notranslate">&lt;a [routerLink]="['Hub', {}, 'Child']"&gt;Hub/Child&lt;/a&gt;
</code></pre></div>
<p dir="auto">It results in a SyntaxError:</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="dom_element_schema_registry.ts:43 EXCEPTION: SyntaxError: Unexpected token )"><pre class="notranslate"><code class="notranslate">dom_element_schema_registry.ts:43 EXCEPTION: SyntaxError: Unexpected token )
</code></pre></div>
<p dir="auto">This only happens if the parameter 'object' is left empty.</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="&lt;a [routerLink]=&quot;['Hub', {something: 333}, 'Child']&quot;&gt;Hub/Child&lt;/a&gt;  -- Works
&lt;a [routerLink]=&quot;['Hub', 'Child']&quot;&gt;Hub/Child&lt;/a&gt; -- Works
&lt;a [routerLink]=&quot;['Hub', {}, 'Child']&quot;&gt;Hub&lt;/a&gt; -- Fails
&lt;a [routerLink]=&quot;['Hub', {}]&quot;&gt;Hub&lt;/a&gt;  -- Fails"><pre class="notranslate"><code class="notranslate">&lt;a [routerLink]="['Hub', {something: 333}, 'Child']"&gt;Hub/Child&lt;/a&gt;  -- Works
&lt;a [routerLink]="['Hub', 'Child']"&gt;Hub/Child&lt;/a&gt; -- Works
&lt;a [routerLink]="['Hub', {}, 'Child']"&gt;Hub&lt;/a&gt; -- Fails
&lt;a [routerLink]="['Hub', {}]"&gt;Hub&lt;/a&gt;  -- Fails
</code></pre></div>