无法在 MatDialog 中使用来自其他模块的组件

Question

我有两个模块，AModule 和 BModule。

AModule 声明并导出一个名为 ProductCardComponent 的组件，它有一个输入，即

@Input() product: ProductModel

现在在 BModule 中，我导入了 AModule 并打开了一个 MatDialog，它试图将产品卡呈现为：

<app-product-card [product]="product">

但是，我收到错误Can't bind to 'product' since it isn't a known property of 'app-product-card'. 如果我删除绑定，则该组件根本不会呈现，这给我的印象是它根本找不到该组件。 我可以在其他地方使用它。

我在这里缺少什么？

更新：当我在摆弄时，我意识到*ngFor和async类的其他东西也不起作用，就好像该组件不在任何模块声明中，但仍然起作用。 然后我意识到该模块是延迟加载的。 我将 BModule 添加到我的主 AppModule 的导入中，看哪，它都开始运行了！

Answer 1

正如我所看到的，您使用的是不同的模块 A 和 B。在这种情况下，这将不起作用，您应该使用要使用的组件创建一个共享模块，导出这些组件，然后在其他模块中导入共享模块