title: want to navigate from one page to another page using child module
body: <p>Child Module</p>
  
  <pre><code>​const routes: Routes = [    
       { path: '', component: ProcComponent,
          children:[{
              path: '/LoadProcResultsdata/:procResults', component: ProcResultsComponent, 
          }]
      }     
  ];
  </code></pre>
  
  <p>App.Module.ts</p>
  
  <pre><code>​const routes: Routes = [
  { path: 'app', component: AppComponent },
  { path: 'home', component: HomeComponent },    
   { path: 'treeview', component: TreeViewComponent },
   {path:'Proc', loadChildren:'app/proc/Proc.Module#ProcModule'}
  </code></pre>
  
  <p>];</p>
  
  <p>My code</p>
  
  <pre><code>this.router.navigate(['/LoadProcResultsdata/'],{ queryParams: { procResults:this.results } });   
  </code></pre>
  
  <p>But I am getting following error.</p>
  
  <p>core.umd.js:3064 EXCEPTION: Uncaught (in promise): Error: Cannot match any routes. URL Segment: 'LoadProcResultsdata'
  Error: Cannot match any routes. URL Segment: 'LoadProcResultsdata'</p>