title: Troubleshooting Angular routing
body: <p>What am I doing wrong with my Angular routing?</p>
  
  <p>I have the following URL which works:</p>
  
  <pre><code>/marketplace/promotions
  </code></pre>
  
  <p>However, this gives me a 404:</p>
  
  <pre><code>/marketplace/promotions/create
  </code></pre>
  
  <p>app-routing.module:</p>
  
  <pre><code>export const routes: Routes = [
      {
          path: '',
          component: HomeLayoutComponent,
          children: [
              { path: 'marketplace', loadChildren: 'app/feature/marketplace/marketplace.module#MarketplaceModule' },
          ]
      },
      { path: '**', component: NotFoundComponent },
  </code></pre>
  
  <p>marketplace.module</p>
  
  <pre><code>const routes: Routes = [
      {
          path: '',
          children: [
              {
                  path: '', redirectTo: 'promotions', pathMatch: "full"
              },
              {
                  path: 'promotions', component: PromotionHomeComponent, pathMatch: "full",
                  children: [
                      {
                          path: 'create', component: PromotionCreateComponent
                      }]
              },
          ]
      }
  
  ];
  </code></pre>
  
  <p><strong>Update</strong></p>
  
  <p>I have tried removing pathmatch from the 'promotions' path, what happens is that I go to my PromotionHomeComponent component when trying to go to the /create url.</p>
  
  <p>I don't have a routeroutlet in my PromotionHomeComponent.  I was hoping it would use the main site header router outlet?</p>
  
  <p>A 404 means that it redirects to my NotFoundComponent.  I've updated my routing modules to show how that fits in.</p>
  
  <p>There are no errors or messages in my console.</p>
  
  <p>All this occurs via ng serve - all my other routes seem ok</p>