Let's say we have two components: Component 1 and component 2. Each component has a text input field. Component 1 has an input field that has a read only value being populated from the backend. Component 2 has an input field where user can enter a numerical value. Let's user enters some value in the input field in component 2. That value has to be added to 200 and the answer needs to be displayed on the input field in component 1. Since I am new to angular, can someone please guide me on this? This must be achieved through reactive forms. The components share a sibling relationship.
https://drive.google.com/file/d/1_PZ5KQHUlquLlPaxMuFYDET8XDmAp-KL/view?usp=sharing