javascript - 如何从另一个可重用组件和容器组件访问可重用组件

Question

在我们的 Angular 8 项目中，我们有一个用于用户注册的容器组件（user.registartion）。此外，我们还有一个用于更新用户信息的可重用组件（user.component）。两个组件都必须显示一个“用户策略”弹出窗口，这也是一个可重用组件（policy.component）。下图显示了我的项目结构。

但我无法在两个组件中显示策略弹出窗口。它在用户注册页面上显示以下错误。

如何从用户注册和用户信息组件访问“策略”组件？

标签： javascriptangularmodal-dialogangular8ng-modules

Answer 1

您需要创建一个共享模块以在多个模块之间共享组件（以及您想要共享的所有内容，如管道、指令等）。文档中有一个示例如何使用：

// ...

@NgModule({
 imports:      [ CommonModule ],
 declarations: [ ... your components etc... ],
 exports:      [ ... your components etc... ]
})
export class SharedModule { }

请记住导入CommonModule共享模块中的导入数组，然后导出组件。然后import共享模块到您的其他模块。