我想创建一个看起来像按钮的组件,该组件在单击时会重定向到自己的路线。
我的组件模块:
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(从导航功能返回空值),并且如果我在根应用程序上使用该组件,导航功能与路径“子级”不匹配。
那么,有可能在子组件上扩展组件的路径映射吗?