现在路由配置如下
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'(报错找不到匹配路由)
我该如何书写才能跳转正确
三种不同的前缀表示不同的意思:
./
表示从当前路径中查找。/
表示从应用程序根目录开始找。../
表示从上一级路径中查找。