gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-12-03 06:58:15 26 4
gpt4 key购买 nike

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

the header for changing projects

我使用的方法如下:

<强>1。包含所有数据的一项服务

<强>2。一项服务仅包含所选项目...

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

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

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

最佳答案

您可能需要一个可观察的共享服务来在组件之间共享数据。以下是实现方法:Interaction between components using a service

关于javascript - 在使用该服务的所有组件中显示 Angular 服务中的更改,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/64836874/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com