角2路由，增加孩子的路线导致路由无法工作

Question

田地使用最新版本的角2路玩，我注意到，在下方加入不是一个孩子的路线原因/管理员上班路线

import { ModuleWithProviders } from '@angular/core'; 
import { Routes, RouterModule } from '@angular/router'; 
import { AdminComponent } from './admin.component'; 
import {AdminChildComponent} from './admin-child.component'; 

import {productRoutes} from "../product/product.routes"; 

export const adminRoutes : Routes =[ 
    { 
    path: 'admin', component: AdminComponent, 
    children:[ 
     {path:"/child", component:AdminChildComponent} 
    ] 
    } 
]; 

export const adminRouting: ModuleWithProviders = RouterModule.forChild(adminRoutes); 

一旦我下面去掉，应用wors就好了，只要我添加它，我得到的控制台错误

EXCEPTION: Uncaught (in promise): Error: Cannot match any routes: 'admin'

children:[ 
     {path:"/child", component:AdminChildComponent} 
    ] 

需要帮助的可能理解为什么我得到这个错误。完全混淆。

Answer 1

这是因为：

由于这清楚地看到，AdminComponent有孩子。这意味着AdminComponent将有路由器插座模板中的某处。

现在的问题是，每当路由器出口使用，它需要一个视图。在你的路由情况下，它没有任何适当/主要的子路由。因此，你需要将其设置如下图所示，

export const adminRoutes : Routes =[ 
    { 
    path: 'admin', component: AdminComponent, 
    children:[ 

     { path: '', redirectTo: 'child', pathMatch: 'full'}, //<----- here 

     {path:"child", component:AdminChildComponent} 
    ] 
    } 
]; 

注意：改变/child到child。为什么？因为angular2路由器本身在父路由和子路由之间添加/。所以在这里你不需要/。