Question

我有一个侧边栏，有一个下拉测验 - >问题。在'问题'页面（问题页面有路径：/ quiz / question）我有标题，点击时应链接到另一个组件'answerComponent'。

我试图在'问题'中添加孩子'回答'。

    {
        path: '',
        children: [
          {
            path: 'question',
            component: viewComponent,
            children: [
              {
                path: 'answer',
                component: answerComponent,
              },
            ]
          },
        ]
  }

APP-routing.module.ts

   {
    path: 'quiz',
    loadChildren: './quiz/quiz.module#QuizModule'
  },

我想有一个类似于/ quiz / question / answer的路径。我在问题页面中添加了一个routerlink

<a [routerLink]="['answer']" [queryParams]= "{id: '2'}">click here</a>

当我点击/ quiz / question / answer时，我可以看到网址发生变化？id = 2 但我没有看到answerComponent.html。

我错过了什么吗？

Answer 1

var_dump()位于answerComponent内，您需要viewComponent

中的嵌套<router-outlet></router-outlet> 根据评论

修改：

然后您的viewComponent应该在answerComponent的同一级别拥有另一条路线：

viewComponent

Answer 2

如果您要添加queryParam并需要使用它，您应该尝试类似：

  children: [
              {
                path: 'answer/:id',
                component: answerComponent,
              },
            ]

router 4中的子组件之间的路由器链接

2 个答案: