如何在Angular的同級組件之間傳遞數據？

Question

我正在使用Angular構建一個電子商務應用程序，我想知道如何將購物車組件中的總金額傳遞給Checkout組件。 這兩個組成部分是同級的。 我看到很少的方法可以做到這一點，例如BehaviourSubject和NavigationExtras，但我不知道它們是否是好的做法。

Answer 1

您可以將服務用於共享數據。 如果您有復雜的用例，那么數據隨處可見，並且許多組件都可以進行更改，那么您應該考慮像redux這樣的狀態管理過程。

Answer 2

Matteo對我來說最好的解決方案是使用Subject 。 邏輯是：

1. 在父親的ngOnInit()創建主題（創建頻道）
2. 將主題傳遞給同級（在通道中登錄同級）
3. 在同級的ngOnInit（）中，您可以將同級注冊到通道中
4. 當您單擊結帳時，yuou可以通知頻道中正在監聽的組件的總金額。
5. 銷毀頻道並注銷組件