Angular2在兩個子組件之間傳遞數據

Question

我有一個包含兩個子組件的組件。 我使用帶路由器插座的路由器顯示其中一個。

我想在第一個孩子中插入表單數據，並在提交表單時路由到的另一個孩子中使用它。

我懷疑我需要使用@input或@output但是在使用路由器插座時我找不到任何關於如何操作的文檔。

我目前的另一個解決方案是在第一個孩子中提交表單並在第二個孩子中調用表單時將數據保存在localstorage中。 看起來不太理想。

Answer 1

您可以通過服務傳遞數據。 如果您創建服務並在子A中設置數據，則可以從子B中檢索它。唯一的問題是您需要將您創建的服務設置為父類的提供者，而不是子組件。

以下是通過路徑參數傳遞此Angular 2傳遞對象的示例？

Answer 2

您可以使用@ ngrx / store來存儲數據，然后將這些數據注入到路徑組件中。 請參閱那里的示例以進行實施。