Angular 2的默认路由逻辑在应用启动时不起作用

Angular 2 Default route logic not working when app initiates

本文关键字：应用 启动 不起作用 默认 路由 Angular      更新时间：2023-09-26

我正在尝试根据Angular 2的教程获得一个测试应用程序，但是我遇到了一个问题。

当我最初启动应用程序时，默认的'redirectTo'路由逻辑不会工作，直到我进入一个不同的组件并返回到原来的组件。在这个柱塞的例子中，点击任何一个仪表盘按钮都不会有任何作用，直到我切换到"Heroes"组件并回到原来的仪表盘。

如果你能帮助我，我将不胜感激。

http://plnkr.co/edit/KzWttn3ZlyMh0WW0JAum?p =

预览

app.routes。ts: 

import {provideRouter, RouterConfig} from '@angular/router';
import {AppComponent} from './app.component';
import {HeroesComponent} from './heroes.component';
import {HeroDetailComponent} from './hero-detail.component';
import {DashboardComponent} from './dashboard.component';
export const AppRoutes: RouterConfig = [
    {
        path: '',
        redirectTo: 'dashboard'
    },
    {
        path: 'dashboard',
        component: DashboardComponent,
    },
    {
        path: 'heroes',
        component: HeroesComponent
    },
    {
        path: 'detail/:id',
        component: HeroDetailComponent
    }
]
export const APP_ROUTER_PROVIDERS = [
    provideRouter(AppRoutes)
]

尝试添加terminal: true 

{
    path: '',
    redirectTo: 'dashboard',
    terminal: true
},
相关文章：