Pass a value of text fields from one component to another component in angular 8

Question

I am getting value from document.getElementByid from text field. I want to transfer the value got from getElementByid to other component. Any one can guide me how to do that.

Example component A: get value using a=document.getElementByid pass this value to Component B: receive Value a from componentA. Thanks.

Answer 1

If the other component is a child of the current component, you can listen to the input Event and update the value in the other component accordingly.

If the other component is not a child of the current component, you can use a singleton-service to pass the value to another component.

See https://stackblitz.com/edit/angular-tcgwkv for an example to both approaches.

Typing anything into the Main Component text box will update the values for both other components.