Angular-在同級組件之間共享數據而不在實例之間共享

Question

我正在編寫一個包含三個獨立組件的模塊。 這些組件可以協同工作，因此使用服務來幫助跟蹤所有事情是很有意義的。

|    
|- wrapper.component.ts
|
|- wrapper.service.ts
|
|- wrapper.module.ts
|
|- child-component1.component.ts
|
|- child-component2.component.ts

問題在於，如果您在應用程序中創建基本組件的兩個實例，則服務將在組件的兩個實例之間共享數據。

在同級之間共享數據而不在組件的所有實例之間共享數據的正確方法是什么？

Answer 1

在組件級別提供服務：

@Component({
    ....
    providers: [myService]
})

這樣，服務實例將在組件及其子組件之間共享，但不能在組件的其他實例之間共享。

Answer 2

1. 您可以使用事件發射器將事件從子1組件發射到父組件
2. 將子級1發出的數據從父級更改為子級2的輸入
3. 訪問子代2的ngOnChange中的數據