angular2 主模块与子模块之间如何共享组件?

发布于 2022-09-06 22:20:35 字数 689 浏览 24 评论 0

当前有个 header.component.ts 公共头部组件,我在 app.module.ts 注册后,无法其他模块中使用。
其他的模块也已经在app.module.ts 注册。

app.module.ts

@NgModule({
    declarations : [ HeaderComponent ],
    imports : [ otherModule ]     // 其他子模块
})

other.module.ts

@NgModule({
    ...........
 })
export class otherModule {}

other.component.ts

<div class="other-component">
    <header-component></header-component>   
 </div>

报错 :

'header-component' is not a known element:
If 'header-component' is an Angular component, then verify that it is part of this module.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

醉殇 2022-09-13 22:20:35

子模块是不能导入父模块里面的组件的,你想要共享header组件的话,就在每个要用的模块里面导入header组件。
共享模块也是父模块可以使用子模块里面exports出来的东西,你把需要共享的东西加入到一个模块里面,然后在其他模块导入

请爱~陌生人 2022-09-13 22:20:35
  1. 在其他模块导入
  2. 或者全局导入
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文