title: Can app-routing.module.ts has 2 path with :/id
body: <p>I trying to open maindetail and childdetails page with :/id. But when I run it on localhost, there is no card that i wanted in maindetail page.</p>
  
  <p>What I am trying to do is, i can click the name “aniq” in dashboard (image 1)and shows the child detail page. But the child detail page is not showing the card i wanted (image 2). However when I try to reenter the link localhost:8100/maindetal (image 3) the card is showing. I dont know what is wrong. Can anyone help me, thanks.</p>
  
  <p>this is my app-routing.module.ts</p>
  
  <pre><code>const routes: Routes = [
    { path: 'login', loadChildren: './login/login.module#LoginPageModule' },
    { path: 'register', loadChildren: './register/register.module#RegisterPageModule' },
    { path: '', redirectTo: 'login', pathMatch: 'full' },
    { path: '', loadChildren: './pages/tabs/tabs.module#TabsPageModule' },
     { path: 'maindetail', loadChildren: './pages/maindetail/maindetail.module#MaindetailPageModule' },
    { path: 'maindetail/:id', loadChildren: './pages/maindetail/maindetail.module#MaindetailPageModule' },
    { path: 'childdetails', loadChildren: './pages/childdetails/childdetails.module#ChilddetailsPageModule' },
    { path: 'childdetails/:id', loadChildren: './pages/childdetails/childdetails.module#ChilddetailsPageModule' },
  ];
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/t5ac8.jpg" rel="nofollow noreferrer">image 1</a></p>
  
  <p><a href="https://i.stack.imgur.com/Dv9L0.jpg" rel="nofollow noreferrer">image 2</a>
  <a href="https://i.stack.imgur.com/fCVcE.jpg" rel="nofollow noreferrer">image 3</a></p>