正文
angular路由详解四（子路由）
提示：扫一扫查出行【扫一扫了解最新限行尾号】
复制提示
子路由是相对路由
路由配置部分：
主要是children
const routes: Routes = [
{path:'home', component: HomeComponent,
children:[
{
path:'homeDetail/:id',
component:HomeMenuComponent
},{
path:'',
component:HomeListComponent
}
]
}
]
第一种是通过标签跳转
这里是./(相对路径)不是/（绝对路径）
<a [routerLink] = "['./homeDetail',10]">haha</a>
第二种是点击按钮通过Router路由子界面
import { Router,ActivatedRoute } from "@angular/router";
constructor(private router: Router,private routeInfo:ActivatedRoute){}
nav():void {
this.router.navigate(['homeDetail',100],{relativeTo:this.routeInfo});
}
