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

Question

我正在构建一个名为 Kualitee.com 的网站/应用程序的克隆。它是 QA 工程师使用的测试管理工具。在 kualitee 中，您有多个项目，包含测试用例和成员。您可以添加、删除和更改项目和成员。顶部有一个标题，使您可以选择想要其中的测试用例和内容数据的项目。

更改项目的标题

我为此使用的方法如下：

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

2. 一项服务仅包含所选项目...

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

我的观点是，有什么方法可以添加功能，如果父组件更改服务中的对象，则该更改会反映在也在同一服务中使用同一对象的子组件中，而无需更改组件或刷新。

Answer 1

您可能需要一个可观察的共享服务来在组件之间共享数据。以下是如何实现这一点：使用服务的组件之间的交互

Answer 2

我认为你被提到了 Angular 生命周期https://angular.io/guide/lifecycle-hooks