从 Angular 中的另一个组件计算并在另一个字段中显示答案答案

【问题标题】：Calculating and displaying the answer in another field from another component in Angular从 Angular 中的另一个组件计算并在另一个字段中显示答案
【发布时间】：2021-11-11 15:08:55
【问题描述】：

假设我们有两个组件：组件 1 和组件 2。每个组件都有一个文本输入字段。组件 1 有一个输入字段，该字段具有从后端填充的只读值。组件 2 有一个输入字段，用户可以在其中输入数值。让我们用户在组件 2 的输入字段中输入一些值。该值必须添加到 200，并且答案需要显示在组件 1 的输入字段中。由于我是 Angular 新手，有人可以指导我吗?这必须通过反应形式来实现。组件共享兄弟关系。

https://drive.google.com/file/d/1_PZ5KQHUlquLlPaxMuFYDET8XDmAp-KL/view?usp=sharing

【问题讨论】：

请提供您迄今为止尝试过的最低工作示例。

标签： angular field angular-reactive-forms calculation data-sharing

【解决方案1】：

如果您想在组件 2 中输入数据后立即移动到组件 1，您可以通过事件发射器传递数据 https://angular.io/api/core/EventEmitter 哪个发出带有数据的组件

或

如果您只想传递数据，您可以使用会话存储 How to store token in Local or Session Storage in Angular 2?

【讨论】：

非常感谢您的回复。如果您遇到，您能否提供任何工作示例，以便现场学习非常有帮助？