重用组件以避免Angular中的循环依赖

问题描述

我有一个组件模块'A',该按钮带有一个打开模块'B'中的组件的按钮(作为依赖项导入到模块'A')。

现在组件模块'B'使用了'A'内部的组件,这样做是为了避免代码重复,这是一个明显的代码错误,两个模块之间存在循环依赖性以下错误

ReferenceError:初始化前无法访问'B'

我该如何克服这个问题。请提出建议。

这是我尝试使用的方案的一个示例:

更新StackBlitz link here

模块A 导入模块B 导入模块C ,其中导入模块A

解决方法

有两种方法可以实现:

1。共享模块 您可以拥有一个共享的module,该Modules被同时导入store(A和B)中,并使用这些服务共享数据。

2。 NGRX商店。 您可以从组件订阅store并共享数据。可以访问dispatch的{​​{1}}和action的任何模块中的任何组件都将接收数据。