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

Posted 2023-03-13

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

【英文标题】：Pass a value of text fields from one component to another component in angular 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

【参考方案1】：

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

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

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

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

【讨论】：

我想在组件级别而不是父子关系的基础上进行通信。

对于不在父子关系中的组件之间的通信，您可以使用单例服务（如 stackblitz 所示）。