title: Missing parent module route url in child module
body: <p>New to Angular and trying to structure my code in modules.
  I got an admin module responding to </p>
  
  <blockquote>
    <p>/admin</p>
  </blockquote>
  
  <p>request and now I'm trying to add another child module to the Admin module, called Portfolio Module.</p>
  
  <p>This works, except that I want the portfolio module, to response to </p>
  
  <blockquote>
    <p>/admin/portfolio</p>
  </blockquote>
  
  <p>request. Right now it response to </p>
  
  <blockquote>
    <p>/portfolio</p>
  </blockquote>
  
  <p>request instead.</p>
  
  <p>Here I'm Importing the PortfolioModule</p>
  
  <p><em>admin.module.ts</em></p>
  
  <pre><code>import { NgModule } from '@angular/core';
  import { CommonModule } from '@angular/common';
  import { AdminRoutingModule } from  './admin-routing.module';
  import { IndexComponent } from './shared/index/index.component';
  import {PortfolioModule} from './portfolio/portfolio.module';
  
  @NgModule({
    declarations: [IndexComponent],
    imports: [
      CommonModule,
      PortfolioModule,
      AdminRoutingModule
    ]
  })
  export class AdminModule { }
  </code></pre>
  
  <p>Thinking that I maybe need to define the PortfolioModule as a children route. inside the admin route.</p>
  
  <p><em>admin-routing.module.ts</em></p>
  
  <pre><code>import { NgModule } from '@angular/core';
  import { Routes, RouterModule } from '@angular/router';
  
  import { IndexComponent } from './shared/index/index.component';
  
  const routes: Routes = [
    {
      path: 'admin',
      component: IndexComponent,
      children: [
        {
          path: 'portfolio',
          /*Maybe add Portfolio Module here?*/
        }        
      ]
    }
  ];
  @NgModule({
    imports: [RouterModule.forChild(routes)],
    exports: [RouterModule]
  })
  export class AdminRoutingModule { }
  </code></pre>
  
  <p>Here is my portfolio module, nothing special about it.</p>
  
  <p><em>portfolio.module.ts</em></p>
  
  <pre><code>import { NgModule } from '@angular/core';
  import { CommonModule } from '@angular/common';
  import { PortfolioRoutingModule } from './portfolio-routing.module';
  import { IndexComponent } from './index/index.component';
  import { CreateComponent } from './create/create.component';
  import { ListComponent } from './list/list.component';
  import { UpdateComponent } from './update/update.component';
  @NgModule({
    declarations: [IndexComponent, CreateComponent, ListComponent, UpdateComponent],
    imports: [
      CommonModule,
      PortfolioRoutingModule
    ]
  })
  export class PortfolioModule { }
  </code></pre>
  
  <p>And last here is my portfolio routing, maybe I'm missing something here, to tell it to include the parent route.</p>
  
  <p><em>portfolio-routing.module.ts</em></p>
  
  <pre><code>import { NgModule } from '@angular/core';
  import { Routes, RouterModule } from '@angular/router';
  
  import { IndexComponent } from './index/index.component';
  import { ListComponent } from './list/list.component';
  import { CreateComponent } from './create/create.component';
  import { UpdateComponent } from './update/update.component';
  
  const routes: Routes = [
    {
      path: 'portfolio',
      component: IndexComponent,
      children: [
        {
          path: 'list',
          component: ListComponent
        },
        {
          path: 'create',
          component: CreateComponent
        },
        {
          path: 'update',
          component: UpdateComponent
        }
      ]
    }
  ];
  @NgModule({
    imports: [RouterModule.forChild(routes)],
    exports: [RouterModule]
  })
  export class PortfolioRoutingModule { }
  </code></pre>