title: multiple path for load same module - lazy loading
body: <p>I have multiple components in one module. I want to show the components based on routing path.
   for <a href="http://localhost:4200/account" rel="noreferrer">http://localhost:4200/account</a> I  want to show account component.
  for <a href="http://localhost:4200/setting" rel="noreferrer">http://localhost:4200/setting</a> I  want to show settings component ..etc</p>
  
  <p>app.routing.module.ts</p>
  
  <pre><code>{
      path: 'account',
      loadChildren: './modules/settings/settings.module#SettingsModule',
  },
  {
      path: 'settings',
      loadChildren:'./modules/settings/settings.module#SettingsModule', 
  },
  </code></pre>
  
  <p>settings.routing.module.ts</p>
  
  <pre><code>export const routes: Routes = [
      {
          path: 'account',
          component: accountComponent
      },
      {
          path: 'account/edit',
          component: accountEditComponent
      },
      {
          path: 'settings',
          component: settingsComponent
      },
      {
          path: 'settings/edit',
          component: settingsEditComponent
      }
  ];
  </code></pre>
  
  <p>what changes I do in  settings.routing.module.ts to show those components.</p>