角形RouterLink多个参数

时间:2018-07-18 16:16:30

标签: angular angular2-routing

我通往组件的路径类似于module1/module2/module3

在此组件中,我有带有以下参数的childRoutes::id/:subId

<a  routerLink="12" >go to detail</a>

如果用户单击go to detail两次将页面重新链接链接到module1/module2/module3/id1/id1

第二个参数应该来自subId组件。如果用户单击id组件内部的routerLink,则应重定向到module1/module2/module3/id1。如果用户单击subId内的routerLink,则应重定向到module1/module2/module3/id1/id1

subId内的routerLink:

<a  routerLink="12" >go to sub detail</a>

路由器就像:

{
   path: 'module1',
   component: module1Component,
   children: [
       {
          path: 'module2',
          component: module2Component,
          children: [
                {
                   path: 'module3',
                   component: module3Component,
                   children: [
                        {
                            path: '',
                            component: MonitoringComponent,
                        },
                        {
                           path: ':id1', 
                           component: id1Component,
                           children: [
                              { 
                                 path: ':id2', 
                                 component: id2Component
                              }
                           ]
                         }
                    ]
                } 
          ]
       } 
   ]
}

0 个答案:

没有答案