Углового 2 RC5 router.navigate не работает

Question

У меня есть следующее выражение, если пользователь является гостем:

this.router.navigate(['/intro']); 

в моем app.component.ts ngOnInit() метод.

Мой app.component.html имеет <router-outlet></router-outlet>

но когда я достигаю мое приложение в качестве гостя, не отображается IntroComponent и URL остается пустым без /intro.

Что случилось?

моего app.routes.ts

const appRoutes: Routes = [ 
    { path: '', component: HomeComponent }, 
{path:'intro',component: IntroComponent}, 
{path:'login',component: LoginComponent}, 
{path:'register', component: RegisterComponent} 
]; 

Answer 1

Это происходит потому, что первоначальная навигация не завершена при вызове this.router.navigate(['/intro']) из ngOnInit.

Есть два способа решить эту проблему:

Решение # 1

В app.module.ts отключение начальной навигация

RouterModule.forRoot(appRoutes, { initialNavigation: false }) 

Ref: router.navigate failing silently on OnInit of component

Решение # 2

Если вы не хотите отключать начальную навигацию, используйте setTimeout, чтобы завершить первоначальную навигацию.

setTimeout(() => this.router.navigate(['/intro']), 1) 

Answer 2

Измените ваши маршруты, как это:

const appRoutes: Routes = [ 
{ path: '', redirectTo: HomeComponent, pathMatch: 'full'}, //(redirectTo or component) 
{path:'intro',component: IntroComponent}, 
{path:'login',component: LoginComponent}, 
{path:'register', component: RegisterComponent} 
]; 

pathMatch стратегия по умолчанию в маршрутах prefixpath: '' так с prefix означает практически everyroute. Таким образом, everyroute был перемещен на HomeComponent.