title: Angular2 - How to use router with dynamic urls
body: <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>