子路由是相對路由
路由配置部分:
主要是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});
}
如果有用請給點支持!謝謝
