跨模块共享使用routerLink的组件

时间:2018-11-08 12:00:29

标签: angular6

使用角度6, 我正在尝试在模块之间共享组件。该组件使用与角材料不同的组件以及routerLink指令。我做了以下事情,

共享模块

@NgModule({
imports: [MatTableModule, MatExpansionPanelModule],
Declarations: [SharedComponent],
exports: [SharedComponent]
})

export class SharedModule {}

应用程序路由模块

@NgModule({
 imports: [RouterModule.forChild(routes)],
 exports: [RouterModule]
})

export class AppRoutingModule {}

应用模块

import { SharedModule } from './shared/shared.module';

@NgModule({ 
imports: [SharedModule, AppRoutingModule],
declarations: [AppComponent],
bootstrap: [AppComponent]
})

export class AppModule {}

此代码在SharedComponent中引发以下错误

  

无法绑定到“ routerLink”,因为它不是“ a”的已知属性

当我在SharedModule中添加路由器模块(带有或不带有forRoot / forChild)时,

共享模块

@NgModule({
imports: [MatTableModule, MatExpansionPanelModule, RouterModule],
Declarations: [SharedComponent],
exports: [SharedComponent]
})

export class SharedModule {}

我在 app.component.html 中遇到以下错误,在该错误中我使用了 router-outlet 标签,

  

“路由器出口”不是已知元素

我被这个错误困扰。非常感谢您的帮助。

0 个答案:

没有答案