在使用该服务的所有组件中显示 Angular 服务中的更改
[英]Make a change in an Angular service show up in all of the components that use that service
问题描述
我正在构建一个名为 Kualitee.com 的网站/应用程序的克隆。 它是 QA 工程师使用的测试管理工具。 在 kualitee 中，你有多个项目，有测试用例和成员。 您可以添加、删除和更改项目和成员。 顶部有一个 header，它使您能够 select 一个项目，您需要其中的数据，即测试用例和其他东西。
我为此使用的方法如下：
1. 包含所有数据的一项服务
2. 一项服务仅包含所选项目...
整个应用程序使用在第二个服务中找到的数据。 当我在项目中进行更改时，比如添加一个新成员，它会在那个时候显示出来。 之后，如果我将顶部的 select 中的项目更改为另一个项目，包含该成员的组件不会改变，即使现在的项目是不同的，但是一旦我切换到另一个组件，通过路由，再回来，变化就在那里。
我的观点是，有什么方法可以添加功能，如果父组件更改服务中的 object，该更改会反映在子组件中，该子组件也在同一服务中使用相同的 object，而无需更改组件或刷新。
附言。 这是我第一次在 StackOverflow 上提问，抱歉，如果我的问题令人困惑。
2 个解决方案
解决方案1
2 已采纳 2020-11-14 22:49:52
您可能需要一个可观察的共享服务来在组件之间共享数据。 以下是实现方法： 使用服务的组件之间的交互
解决方案2
1 2020-11-14 18:30:24
我想你是指 Angular 生命周期https://angular.io/guide/lifecycle-hooks
Angular 2依赖注入 - 服务注入某些组件但不是全部
[英]Angular 2 dependency injection - A service is injected in some components but not in all
如何在 Angular 的不同组件中使用注入服务的相同实例？
[英]How to use same instance of an injected service across different components in Angular?
角度-在服务中更改对象属性值，然后在另一个控制器中使用它
[英]Angular - Change an object property value in a service and use it in another controller
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.