以角度 8 将文本字段的值从一个组件传递到另一个组件

【问题标题】：Pass a value of text fields from one component to another component in angular 8以角度 8 将文本字段的值从一个组件传递到另一个组件
【发布时间】：2020-07-20 10:05:39
【问题描述】：

我从文本字段中的 document.getElementByid 获得价值。我想将从 getElementByid 获得的值转移到其他组件。任何人都可以指导我如何做到这一点。

示例组分A：使用 a=document.getElementByid 获取值将此值传递给 B组份：从组件 A 接收值 a。谢谢。

【问题讨论】：

请查看组件交互文档angular.io/guide/component-interaction
这能回答你的问题吗？ How to pass data between two components in Angular 2

标签： angular typescript angular-services angular-components

【解决方案1】：

如果其他组件是当前组件的子组件，则可以监听输入事件并相应地更新其他组件中的值。

如果另一个组件不是当前组件的子组件，您可以使用单例服务将值传递给另一个组件。

有关这两种方法的示例，请参阅 https://stackblitz.com/edit/angular-tcgwkv。

在主组件文本框中输入任何内容都会更新其他两个组件的值。

【讨论】：

我想在组件级别而不是父子关系的基础上进行通信。
对于不在父子关系中的组件之间的通信，您可以使用单例服务（如 stackblitz 所示）。