导航到它时，无法匹配带有孩子的路线

Question

美好的一天。我不明白 Angular 2 rc 4 中带孩子的新路线是如何工作的。 我想路由到有孩子的 TestComponent，但出现错误“cannot match any route 'test'”。我这样路由：this.guide.navigate(['test']);。 这就是我声明我的路线的方式：

const routes: RouterConfig = [
    {
        path: '',
        component: LogInComponent
    },
    {
        path: 'pin',      
        component: PinComponent,    },
    {
       path: 'test',
       component: TestComponent,
       children: [
        {
            path: '/:page',
            component: FoodComponent
        }
      ]
    }  
]

export const mainRouterProviders = [
  provideRouter(routes)
];

默认情况下，我不能在测试中使用某些页面（例如“路径：'/'”），因为它的子项就像选项卡，并且它们的列表加载到 TestComponent 的构造函数中。

Answer 1

有几件事

• 将pathMatch: 'full',添加到第一条路由，否则例如/ping将在LogInComponent中搜索子路由ping

• 向test 添加一个默认路由，该路由重定向到某个默认 id 或某个虚拟组件。 Angular 不喜欢组件有 <router-outlet> 但没有添加组件的路由。

const routes: RouterConfig = [
    {
        path: '',
        pathMatch: 'full',
        component: LogInComponent
    },
    {
        path: 'pin',      
        component: PinComponent,    },
    {
       path: 'test',
       component: TestComponent,
       children: [
        {
            path: '',
            pathMatch: 'full',
            redirectTo: 'myDefaultId'
            // or 
            // component: DummyComponent
        },
        {
            path: '/:page',
            component: FoodComponent
        }
      ]
    }  
];