如何使用缓存在Angular 9中的组件实例之间维护变量的值？

我正在尝试创建一个多选组件，它可以在我的站点中重复使用，但它会记住最后的选择，这样用户就不必在不同的页面上不断做出相同的选择

以下stackblitz演示了我希望实现的简化版本：

在上面的示例中，我希望组件记住在第一页上所做的选择，并在第二页的组件实例上默认选择这些选择

我曾尝试使用一个服务来存储选择，当我禁用页面缓存时，该服务会起作用，但一旦打开缓存就会中断！理想情况下，由于实际应用程序中包含大量数据，我需要缓存页面

---

有没有一种方法可以在不禁用缓存的情况下实现这一点

尝试构建一个新组件，将您的选择保存在他们的服务中，并通过选择器在其他模板中使用该组件。这正是您在问题中提供的stackblitz中的内容

---

如果你能提供一些你的代码，这对我们帮助你会更有用。我希望您能让它工作。

您可以为组件之间的共享数据创建一个服务。@eMontielG我已经尝试创建一个服务来存储数据，但这似乎只有在页面缓存被禁用时才起作用。噢，对不起。我没有读最后一部分。您的示例提供了静态选项，您的实际组件是否从其他地方获取了这些选项？提供的stackblitz是我代码的简化版本，显示了我遇到的问题，即在第一页和第二页之间没有保留选择