javascript - Angular 4 在组件之间共享数据信息的问题

Question

我正在开发 Angular 4 应用程序，用户在 facebook 上注册，然后重定向到表单向导，他必须一步一步填写 5 个表单，每一步数据将理想地保存在一个对象中，并且同一对象将保留记录之前填写的所有表格以及接下来的表格。

此页面有:

1. HEADER(组件)包含

   • Logo
   • 显示事件、当前事件和禁用步骤的项目符号(组件)
   • 记录的用户名和图像(组件)

2. 侧边栏(组件)

3. CONTENT 区域包含

   • 具有不同表单的嵌套组件的卡(组件)

我必须记录用户当前正在填写哪个步骤的表单以及已填写了多少个表单，以便他可以来回导航到最后填写的表单，其他步骤保持禁用状态，直到用户逐一填写为止.

内容区域有加载卡片(组件)和嵌套表单(组件)。

问题是我没有找到如何构建代码的正确解决方案，以便我可以在所有组件之间共享数据以记录事件和当前步骤，这些步骤在左侧边栏和标题项目符号中指示

以下是我的页面布局。

Answer 1

您可以使用Service您在所有组件之间共享它。

基本上，您所做的是将信息存储在一个地方(服务)，然后将其注入(inject)到您需要该信息的每个组件中。