title: Multiple components per route in angular
body: <p>What I want to do is, I want to load the <code>home component</code> and <code>sidebar component</code> at the same time.</p>
  
  <pre><code>const appRoutes: Routes = [
    {
      path: '', component: HomeComponent, children: [{
        path: 'sidebar', component: SidebarComponent, children: [
          { path: 'about', component: AboutComponent },
          { path: 'clients', component: ClientsComponent },
          { path: 'services', component: ServicesComponent },
          { path: 'contact', component: ContactComponent },
          { path: 'datatable', component: DataComponent }
        ]
      }]
    }
  </code></pre>