如何解决Angular 8-子routerLink不起作用
我想从一个页面导航到另一页面,从一个组件导航到另一组件:
const routes: Routes = [
{
path: '',component: UploadPageComponent,children: [
{
path: 'frameworks',component: FrameworksSceneComponent,pathMatch: 'full',children: [
{//doesn't work
path: 'questionnaire',component: QuestionnaireComponent,},],{
path: 'documents',component: DocumentsSceneComponent,{//works
path: 'questionnaire',];
@NgModule({
imports: [RouterModule.forChild(routes)],exports: [RouterModule],})
export class UploadRoutingModule {
}
我的模板(FrameworksSceneComponent):
<a [routerLink]="['questionnaire']">aaaaaaaaaaaaaaaaaaaa</a>
但这有效(FrameworksSceneComponent):
<a [routerLink]="['/private/upload/questionnaire']">bbbbbbbbbbbbbbbbbbbbbbbbbbbbb</a>
我的嵌套链接怎么了?为什么在点击aaaaaaaaaaaaaaaaaa
之后将我重定向到我的主页。另一方面,链接bbbbbbbbbbbbbbbb
可以工作,但是在这种情况下,该链接不是子链接。
解决方法
实现嵌套路线的方式,在<router-outlet>
中寻找FrameworksSceneComponent.html
。尝试如下实施。不知道为什么要导航到主页。
routes: Routes = [
{
path: "",children: [
{
path: "",component: UploadPageComponent
},{
path: "frameworks",children: [
{
path: "",component: FrameworksSceneComponent,pathMatch: "full"
},{
//should work
path: "questionnaire",component: QuestionnaireComponent
}
]
},{
path: "documents",component: DocumentsSceneComponent,pathMatch: "full"
},{
//works
path: "questionnaire",component: QuestionnaireComponent,pathMatch: "full"
}
]
}
];
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。