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

Question

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

此页面包含：

1. 包含

   的HEADER（组件）
   • 标志
   • 项目符号显示有效，当前有效和已停用的步骤 （组件）
   • 记录的用户名和图像（组件）

2. SIDEBAR（组件）

3. 包含

   的内容区域
   • 具有不同表格的嵌套组件的卡片（组件）

我必须记录用户当前正在填写的步骤以及已填充的数量，以便他可以来回导航到最后填写的表单，其他步骤将保持禁用状态，直到用户到达一个接一个地填写。

内容区域有加载卡（组件）和嵌套形式（组件）。

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

以下是我的页面布局。

Answer 1

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

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