如何跨多個組件創建一個單一的反應形式

Question

我是Angular的新手。 我的應用程序具有反應形式。 它有4頁（4個不同的組件）。 我的表單字段也分布在4個組件中。

每頁結束時，用戶單擊按鈕即可導航到下一頁。 第4頁上的“提交”按鈕。 我的意圖是將表單數據提交到服務器。

我的問題是：

1）是否可以跨4個組件創建一個單一的反應形式。

如果不可能的話

2）我在所有4頁中創建了4種不同的反應形式。 每個頁面按鈕單擊都會將表單數據發送到共享的通用服務。 最后第四頁從服務中獲取所有表格數據。 是這種正確的設計方法。 請指導我。

3）如果我遵循上述設計方法，則在第4頁上，我將從所有4個組件中獲取表格（反應性）數據。 如何構造一個具有不同組件（表單）數據的POST請求數據。

Answer 1

解決方案2很好。 您需要創建一個服務中的類或數據數組，這些類或數組將保留您的數據，直到將其發送到服務器為止。 該類或數組將具有所有4個頁面的所有數據，並且每次單擊按鈕（在每個頁面上）時，您都將使用該頁面的數據填充部分類/數組。 當您單擊第4頁的最后一個按鈕時，您將把數據從該類/數組發送到服務器。

Answer 2

1. 創建一個包含所有字段的接口。

2. 使用具有您創建的接口類型的變量創建通用服務。

   serviceVariable = {};

3. 在每個頁面的提交單擊中，使用object.assign（）函數合並該對象。

   serviceVariable = Object.assign（serviceVariable，formName.value）;

4. 最后在發布請求中使用serviceVarible。