title: router.navigate is not working (Angular6, lazy loading)
body: <p>I'm a newbie for Angular 4+ (currently using v.6). I've been trying to use <strong>this.router.navigate(['/landing'])</strong> function to redirect from login component to landing component, it's not working properly.
  It will show the landing page for a sec then redirect back to login page again.</p>
  
  <p>But if I try to navigate through a normal link, for example,</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;a routerLink="/landing"&gt;landing&lt;/a&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>It work properly.</p>
  
  <p>Here is my app-routing.module.ts</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>import { NgModule } from '@angular/core';
  import { CommonModule } from '@angular/common';
  import { Routes, RouterModule } from '@angular/router';
  
  const routes: Routes = [
    {
      path: 'login',
      loadChildren: './login/login.module#LoginModule'
    },
    {
      path: 'landing',
      loadChildren: './landing/landing.module#LandingModule'
    },
    {
      path: '',
      redirectTo: 'landing',
      pathMatch: 'full'
    },
    {
      path: '**',
      redirectTo: 'landing',
      pathMatch: 'full'
    }
  ];
  
  @NgModule({
    imports: [ RouterModule.forRoot(routes) ],
    exports: [ RouterModule ]
  })
  export class AppRoutingModule { }</code></pre>
  </div>
  </div>
  </p>
  
  <p>And here is the code in the login component,</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>export class LoginComponent implements OnInit {
  
    constructor(private router: Router) { }
  
    ngOnInit() {
    }
  
    login(){
      this.router.navigate(['/landing']);
    }
    
  }</code></pre>
  </div>
  </div>
  </p>
  
  <p>Here is the code in landing-routing.module.ts</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>import { NgModule } from '@angular/core';
  import { Routes, RouterModule } from '@angular/router';
  
  import { LandingComponent } from './landing.component';
  
  const routes: Routes = [
    {
      path:'', component: LandingComponent
    }
  ];
  
  @NgModule({
    imports: [RouterModule.forChild(routes)],
    exports: [RouterModule]
  })
  export class LandingRoutingModule { }</code></pre>
  </div>
  </div>
  </p>
  
  <p>Thanks for helps.</p>