Angular 模块导入和组件使用

Posted 2023-02-22

【中文标题】Angular 模块导入和组件使用

【英文标题】：Angular module importing and component usage

【发布时间】：2020-08-19 22:27:46

【问题描述】：

我有一个如图所示的目录结构

https://i.stack.imgur.com/yitTd.png

当我在 app.component.html 中使用<app-news-card> 选择器时，它显示错误<app-news-card> not present in current module.

我应该如何以最实用的方式解决这个问题。

目前： 我是

1.)从 news.module 导出 news-card.component

2.) 然后我在 current.module 中导入 NewsModule 并重新导出 NewsModule

3.) 然后我在 app.module

中导入了

CurrentModule

【问题讨论】：

从这个线程找到的解决方案：https://***.com/questions/46381730/angular-exported-component-from-module-not-useable-in-another-module

【参考方案1】：

确保在 news.module 的声明中包含 news card 组件。例如：

@NgModule(
  declarations: [NewsCardComponent],
  imports: [...],
  exports: [NewsCardComponent]
)

更多关于提升的信息可以在这里找到：Docs

【讨论】：

它在那里，我也导出了。

你能编辑你的答案并包含 news.module、current.module 和 app.module，或者提供一个 stackblitz 什么的吗？

看看这个Stackblitz