組件之間共享數據信息的Angular 4問題

Question

我正在開發Angular 4應用程序，用戶在facebook上注冊，然后重定向到表單向導，他必須逐步填寫5個表單，每一步中的數據將理想地保存在一個對象中，並且同一對象將保留以前填充的記錄所有表格以及接下來的表格。

該頁面具有：

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

   • 商標
   • 項目符號以顯示活動，當前活動和禁用的步驟（組件）
   • 記錄的用戶名和圖像（組件）

2. 側邊欄（組件）

3. 包含的內容區域

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

我必須保持記錄用戶當前正在填寫哪個步驟以及已經填寫了多少表格，以便他可以來回導航直到最后一個表格被填寫，其他步驟保持禁用狀態，直到用戶到達他們一步一步地填寫為止。

內容區域具有用於加載卡片（組件）的嵌套區域和嵌套表格（組件）。

問題是我沒有找到適當的解決方案來構建代碼，因此我無法在所有組件之間共享數據以保持活動和當前步驟的記錄，這些記錄在左側邊欄和標題項目符號中指示

以下是我頁面的布局。

Answer 1

您可以使用在所有組件之間共享的服務 。

基本上，您要做的是將信息存儲在一個位置（服務）中，然后將該位置注入您需要信息的每個組件中。