title: Angular-2 nested routing for two level
body: <p>I have a route config as follow </p>
  
  <pre class="lang-typescript prettyprint-override"><code>export const ProductRoutes: Route[] = [
    {
      path: 'product/:api_key',
      component: ProductComponent,
      children:[
          { 
              path: 'productType', component: productTypesComponent,
        //        children:[
              //      { path: 'productEntry', component: productEntriesComponent }
              // ]
        },
      ],
      canActivate: [CanActivateService]
    }
  ];
  </code></pre>
  
  <p>It works for one level of child route but when I add second level child <code>productEntry</code> it stops working even though my router config show correct order of child.</p>
  
  <p>Any useful resource will be appreciated. Thanks</p>