angular2路由的问题,子路由的router-outlet中如何跳转?

现在路由配置如下

const routes: Routes = [
  {
    path: 'fatherA',
    component: FatherAComponent,
    children: [
      {path:'sona',component:SonAComponent},
      {path:'sonb',component:SonBComponent}
    ]
  }
];

两个子组件sonA,sonB。
现在在sonA中想跳转到sonB该如何书写routerLink

如果在sonA中直接写

<p>
  <a [routerLink]="['./sonb']">sonb</a>
</p>

将无法跳转到sonB组件,而是路由会变成 'fatherA/sona/sonb'(报错找不到匹配路由)

我该如何书写才能跳转正确

阅读 4k
2 个回答

三种不同的前缀表示不同的意思:

  • ./ 表示从当前路径中查找。

  • / 表示从应用程序根目录开始找。

  • ../ 表示从上一级路径中查找。

下面的就可以了:

 <a [routerLink]="['sonb']">sonb</a>
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题