代码之家 › 专栏 › 技术社区 › yer

angular 4中子组件之间的routerlink

parent-child routes angular

yer · 技术社区 · 8 年前

我有一个侧边栏,其中有一个下拉测验->问题在“问题”页面(问题页面有路径:/测验/问题)中,我有标题,单击该标题应链接到另一个组件“answerComponent”。

我试着给“问题”加上孩子们的“答案”。

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

应用程序路由。单元ts

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

我想有一个类似于此/测验/问题/答案的路径。我在问题页面中添加了routerlink

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

当我单击“to”/“question”/“question”/“answer”时,我可以看到url发生了变化?id=2 但我看不到答案部分。html。

我错过什么了吗?

2 回复 | 直到 8 年前

Modar Na 8 年前

这个 answerComponent 位于 viewComponent 因此,您需要一个嵌套 <router-outlet></router-outlet> 在 视图组件

编辑根据评论:

然后你的 应答器组件 应该有另一条与 视图组件 作为:

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

Tiago Machado 8 年前

如果要添加queryParam并需要使用它,则应尝试以下操作:

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

推荐文章

Alopex · 如何从子进程到父进程获取返回值?

8 年前

Celso Cruz · react native:创建组件,如</组>

8 年前

xxCodexx · 在Python中从父函数启动进程

8 年前

quantummidget · 正在查找BFS父关系数组

8 年前

funcs · 无限循环中来自子级的read()标准输出

8 年前

Harish Kumar · angular js:单击products list build内数量增加和减少按钮的事件,ng repeat反映每个列表数量编号

8 年前

BBauer42 · 将平面数据加载到树数据结构中

8 年前

user7684436 · ReactJS:这个。道具。toggleModal不是一个函数

8 年前

KLD · 从子VC设置父VC对象的动画

8 年前

James Stone · 出现在父级后面的HTML子级

8 年前