javascript - 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'（报错找不到匹配路由）

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

解决方案

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

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

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

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

这篇关于javascript - angular2路由的问题，子路由的router-outlet中如何跳转?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！