问题标签 [sharedservices]

我正在尝试将所选项目的列表从一个组件共享到另一个组件。我创建了一个服务来声明列表：

然后在这个组件中我尝试设置列表值：

组件_1.ts

在这个组件中，我想获取列表： component_2.ts

事实上，我看到每次我检查表中的项目时，liste 都会在component_1.ts中的 console.log 中更新，并且我看到值已添加但在component_2.ts中的 console.log 中，它只显示第一个价值选择！！！

我有两个组件。在一个组件中有复选框。当用户单击更改页面时，我希望选中项目的值显示在另一个页面的组件上。在组件 2 中，当用户单击获取检查项目时，我会从共享服务中检索值以显示。但是值是空的。

我已经阅读了一些关于堆栈溢出的解决方案，但它不起作用。这里

如何解决这个问题？

组件 1 按钮

组件 2 按钮

共享服务.ts

组件 1

组件 2

我有两个 angular 组件，它们彼此不相关 Component 1 和 Component 2 ，我已经定义了一个函数来调用组件 2 中的 get API，以便我可以在 Component 2 html 上显示 API 响应，但我想调用在我单击 Component 1 中的某个按钮后，此功能。我尝试了共享服务方法，但它不起作用

1> 这是我的共享服务：

2> 这是我与共享服务交互的 component1.ts 代码：

3> 这是我的 component2.ts 代码，我通过共享服务订阅 & FetchCustomer() 是我将通过 CallMe() 调用的 get API 函数：