title: Two Different components with same URL(passing slug in router with lazy loading) in angular 5
body: <p>How can I solve two different components with passing only slug? I'm getting first component(ItemModule) for both the cases.</p>
  
  <p><strong>routing.ts</strong></p>
  
  <pre><code>const routes: Routes = [
    {
      path: '',
      component: MainComponent
    },
    {
      path: '',
      children: [{
        path: ':itemSlug',
        loadChildren: '../item/item.module#ItemModule'
      }],
  {
      path: '',
      children: [{
        path: ':brandSlug',
        loadChildren: '../brand/brand.module#BrandModule'
      }]
  }];
  </code></pre>