title: Using Router Parameters in URLs with Angular 4 Router
body: <p>How to use trying to use these kind of URLs with <code>prefix/foo-bar-1123</code>, <code>prefix/foo-bar-1123/bazquux-123</code> with Angular 4 Router? The important bits are the numerical id's which I am trying to capture.</p>
  
  <p>I have tried this, but the result is that I get a all data between // characted captured to single variable called <code>categorySlug-:categoryId</code> and <code>subcategorySlug-:subcategoryId</code>.</p>
  
  <pre><code>const routes = [{
    path: 'prefix/:categorySlug-:categoryId',
    component: MyComponent,
  }, {
    path: 'prefix/:categorySlug-:categoryId/:subcategorySlug-:subcategoryId',
    component: MyComponent,
  }]
  
  export const MyRoute: ModuleWithProviders = RouterModule.forChild(routes)
  </code></pre>
  
  <p>Ultimately I'd like to end up with these kind of variables:</p>
  
  <pre><code>categorySlug=foo-bar
  categoryId=1123
  subcategorySlug=bazquux
  subcategoryId=123
  </code></pre>
  
  <p>Is this something that the Router supports? Is is possible to extend Router to support these?</p>