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

Question

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

该页面具有：

1. HEADER（组件），其中包含

   • 商标
   • 项目符号以显示活动，当前活动和禁用的步骤（组件）
   • 记录的用户名和图像（组件）

2. 侧边栏（组件）

3. 包含的内容区域

   • 卡（组件）具有嵌套的不同表格的组件

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

内容区域具有用于加载卡片（组件）的嵌套区域和嵌套表格（组件）。

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

以下是我页面的布局。

Answer 1

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

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