將文本字段的值從一個組件傳遞到 angular 8 中的另一個組件

Question

我從文本字段中的 document.getElementByid 獲取價值。 我想將從 getElementByid 獲得的值轉移到其他組件。 任何人都可以指導我如何做到這一點。

示例組件 A：使用 a=document.getElementByid 獲取值將此值傳遞給組件 B：從組件 A 接收值 a。 謝謝。

Answer 1

如果另一個組件是當前組件的子組件，您可以監聽輸入事件並相應地更新另一個組件中的值。

如果另一個組件不是當前組件的子組件，您可以使用單例服務將值傳遞給另一個組件。

有關這兩種方法的示例，請參閱https://stackblitz.com/edit/angular-tcgwkv 。

在主組件文本框中鍵入任何內容都會更新其他兩個組件的值。