在使用该服务的所有组件中显示的 Angular 服务中进行更改

Make a change in an Angular service show up in all of the components that use that service

我正在构建名为 Kualitee.com 的 website/app 的克隆。它是 QA 工程师使用的 test-management 工具。 在 kualitee 中,你有多个项目,有测试用例和成员。您可以添加、删除和更改项目和成员。顶部有一个 header,它使您能够 select 一个您想要其数据的项目,即测试用例和其他东西。

the header for changing projects

我使用的方法如下:

1.一项包含所有数据的服务

2。一项服务仅包含项目 selected...

整个应用程序使用在第二个服务中找到的数据。当我在项目中进行更改时,比如添加一个新成员,它会在那个时候显示出来。之后,如果我将顶部 select 中的项目更改为另一个项目,包含该成员的组件不会更改,即使现在的项目不同,但一旦我切换到另一个组件,通过路由,再返回,变化就在那里。

我的观点是,有什么方法可以添加功能,如果 parent 组件更改服务中的 object,该更改会反映在 child 组件中也使用同样的 object 在同一个服务中,我不需要更改组件或刷新。

PS。这是我第一次在 Whosebug 上提问,抱歉,如果我的问题令人困惑。

我想你是指Angular生命周期https://angular.io/guide/lifecycle-hooks

您可能需要一个可观察的共享服务来在组件之间共享数据。实现方法如下: