title: How navigate to page with tabs in Ionic 4 using Angular Router?
body: <p>I've just created a Ionic 4 app using the Ionic CLI, using the tabs template. My biggest issue is how to navigate from a root Login Page (without tabs) to Home Page (with tabs) and <strong>keep showing the tabs</strong> on bottom.</p>
  
  <p>My <code>app-routing.module.ts</code>, looks like this:</p>
  
  <pre><code>const routes: Routes = [
    { path: '', loadChildren: './login/login.module#LoginPageModule' },
    { path: 'tabs', loadChildren: './tabs/tabs.module#TabsPageModule' }
  ];
  </code></pre>
  
  <p>And on my <code>login.page.ts</code> I'm doing the following command after a successful login:</p>
  
  <pre><code>this.router.navigate(['tabs']);
  </code></pre>
  
  <p>I also changed the last object's <code>path</code> property on <code>tabs.router.module.ts</code>:</p>
  
  <pre><code>  {
      path: '/tabs',
      redirectTo: '/tabs/(home:home)',
      pathMatch: 'full'
    }
  </code></pre>
  
  <p>But, at runtime, after navigating to the Tabs Page it <strong>only shows the Home Page without any tabs</strong> on the bottom the app.</p>