首页 > 其他 > 详细

angular路由详解四(子路由)

时间:2017-10-23 19:18:28      阅读:313      评论:0      收藏:0      [点我收藏+]

子路由是相对路由

路由配置部分:

主要是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});
}
 

angular路由详解四(子路由)

原文:http://www.cnblogs.com/chzlh/p/7718438.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!