Angular2 路线与 RC6 中的孩子

Question

我是 Angular2 的新手，我正在尝试将一些路由添加到我的应用程序中。我有两个单独的路由文件：

app.routing.ts

const appRoutes: Routes = [
  {
    path: 'login',
    component: LoginComponent
  },
  {
    path: '',
    component: LoginComponent
  },
  {
    path: '**', component: My404Component
  }
];


export const routing = RouterModule.forRoot(appRoutes);

和dashboard.routing.ts

const appRoutes: Routes = [
  {
    path: 'dashboard',
    component: DashboardComponent,
    children: [
      {
        path: 'child',
        component: ChildComponent,
      },

    ],
    canActivate: [AuthGuard],
  }
];


export const dashboardRouting: ModuleWithProviders = RouterModule.forChild(appRoutes);

如果我访问 http://localhost:3000/dashboard 我会收到 404 页面错误，但如果我访问 http://localhost:3000/dashboard/child 我可以看到该页面。

如果我删除仪表板内的children 属性，我可以访问http://localhost:3000/dashboard 并查看页面...

我做错了什么？

Answer 1

const appRoutes: Routes = [
  { path: '', pathMatch: 'full',  component: LoginComponent }, // order matters
  { path: 'login', component: LoginComponent },
  { path: '**', component: My404Component }
];

也为子路由添加默认路由：

const appRoutes: Routes = [
  { path: 'dashboard', component: DashboardComponent, canActivate: [AuthGuard], children: [
      { path: '', redirectTo: 'child', pathMatch: 'full' },
      { path: 'child', component: ChildComponent, },
  ],
  }
];