角度7:是否可以在子组件中扩展组件的路由?

时间:2019-03-30 21:19:06

标签: angular routing components angular7

我想创建一个看起来像按钮的组件,该组件在单击时会重定向到自己的路线。

我的组件模块:

CopyWebpackPlugin

我的组件控制器:

@NgModule({
  imports: [
    CommonModule,
    RouterModule.forChild([
      {
        path: '',
        children: [
          {
            path: 'child',
            component: MyChildComponent
          }
        ],
      }
    ])
  ],
  providers: [...],
  declarations: [MyComponent, MyChildComponent],
  exports: [MyComponent, RouterModule]
})
export class MyComponentModule { }
...

现在,如果我在其他组件上使用MyComponent,则单击时会引发错误:

export class MyComponent {

  constructor(
    private router: Router,
    private route: ActivatedRoute) { }

  onClick() {
    this.router.navigate(['child'], { relativeTo: this.route })
  }
}

我已经在MyComponent的路由上尝试过此操作

Error: Cannot match any routes. URL Segment: 'parentPath.../child'

它可以工作,但是我不能再次启动MyChildComponent(从导航功能返回空值),并且如果我在根应用程序上使用该组件,导航功能与路径“子级”不匹配。

那么,有可能在子组件上扩展组件的路径映射吗?

0 个答案:

没有答案