angular2 路由导航补遗

先看路由表

export const parentRoutes:RouterConfig=[
    {path:'',redirectTo:'parent',pathMatch:'full'},
    {path:'parent',component:parent,
    children:[
        {path:'home',component:home},
        {path:'child',component:child},
        {path:'',redirectTo:'home',pathMatch:'full'}
    ]
    }
   
]

绝对路径

绝对路径是以“/”开头,，需要使用完整路由并与路由表一致如：

<a [routerLink]="['/parent/child']">link to child</a>

命令行：this.router.navigate(['/parent/child'])

相对路径

相对路径以“../”（上级目录），或“./”开头（当前目录），是指相对于当前组件的

<a [routerLink]="['../child']">link to child</a>

命令行：constructor(private router:Router, private route:ActivatedRoute) {

    }

 

   onClick() {

       this.router.navigate(['./child'], {relativeTo: this.route});

}

注意这里使用了ActivatedRoute，指当前相对于当前的路由