how to pass the input value to another component when clicked in Angular 2?

Question

component1.html

<input type="text" value="some text">
<button>next</button>

anotherComponent.html

<input type="text">//value of component1 should be shown here when the button is clicked.

There are two independent components here.

My question is how to pass value of component1 to anotherComponent when the button is clicked.

are they child & parent components ? or they both are independent ? Be more specific and let us know what have you tried till now. You can get it on google pretty easily — Shashank Vivek
– Shashank Vivek, Commented Dec 7, 2018 at 4:47
both are independent components. I tried using decorator @input — Manjeshwar
– Manjeshwar, Commented Dec 7, 2018 at 4:55
Possible duplicate of How do I share data between components in Angular 2? — Amit Chigadani
– Amit Chigadani, Commented Dec 7, 2018 at 5:01

Vaishnavi Baliga · Accepted Answer · 2018-12-07 05:11:22Z

1

You can share data between 2 independent components. @Input and @Output method can be used. Please check for the correct syntax to be used. Please refer https://www.youtube.com/watch?v=WZzE5o0VsMo .

answered Dec 7, 2018 at 5:11

Vaishnavi Baliga

263 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Agilarasan anbu Over a year ago

While this link may answer the question, it is better to include the essential parts of the answer here and provide the link for reference. Link-only answers can become invalid if the linked page changes. how to answer

Collectives™ on Stack Overflow

how to pass the input value to another component when clicked in Angular 2?

1 Answer 1

1 Comment

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Linked

Related