Angular2 - How to use router with dynamic urls
<p>Suppose I have this nested itemListComponent, which is a child of a rootComponent, using the following template:</p>

<pre><code>&lt;span *ngFor="#item of list"&gt;
    &lt;a [routerLink]="[item.url]"&gt;{{item.title}}&lt;/a&gt; |
&lt;/span&gt;
</code></pre>

<p>The path item.url, which is provided from a Json service, could have one of the following path structure:</p>

<ul>
<li>/category1/(a content id)/(a title connected with dashes(-))   </li>
<li>/category2/(a content id)/(a title connected with dashes(-))   </li>
<li>/category3/(a content id)/(a title connected with dashes(-))</li>
</ul>

<p>Examples:</p>

<pre><code>category2/987654/hello-world
category2/123456/hi-teacher
category3/554433/yo-brother
</code></pre>

<p>How could @RouteConfig be implemented so that these links use a itemDetail component?</p>

<p>Sorry if this does not look very detailed. I did not find a clear how-to-guide for routing urls that are provided by a service with full paths (not assembled paths)</p>