angular2 路由导航补遗

前端之家收集整理的这篇文章主要介绍了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,指当前相对于当前的路由

原文链接:https://www.f2er.com/angularjs/149090.html

猜你在找的Angularjs相关文章