在Angular中的兄弟組件之間傳遞數據

Question

上圖顯示了我的Angular 2應用程序，主要組件有兩個子組件 組件「FromComponent」和「ToComponent」。

「FromComponent」顯示每個項目旁邊帶有複選框的項目列表。

當用戶選擇/取消選擇FromComponent中的某個項目時，應該從ToComponent項目列表中添加/刪除該項目。

什麼是最好的方式來實現角2？

Answer 1

您希望使用存儲此信息的共享服務。使用observables作爲存儲機制將允許To Component訂閱該主題，並觀察From組件對該可觀察對象所做的任何更改。

查看更多關於rxjs中的Subject和BehaviorSubject類型的信息。

Answer 2

我已經實現了使用here描述的父 - 子通信描述的服務。服務可以將父母與其所有子女連接起來。