How to pass data from child component to parent [Angular]

Question

I'm learning Angular. I want to see how a Child component Output data to Parent component. I've gone through some articles and documentation then created a minimal program. I'm able to send data from Parent to Child successfully but not the vice-versa. I'm not getting any error but I'm not getting the values also. Can you please see my code and correct me. Here is my stackblitz.

Adrian Brand · Accepted Answer · 2019-12-12 03:58:19Z

3

It is working, you just don't show the value of ChildCurrentVal anywhere.

Put

{{ChildCurrentVal}}

In the template somewhere

answered Dec 12, 2019 at 3:58

Adrian Brand

21.8k4 gold badges46 silver badges67 bronze badges

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

Comments

Himanshu Singh · Accepted Answer · 2019-12-12 04:10:10Z

1

working demo : demo

You have missed to place {{ChildCurrentVal}} in app.component.html and not only that your child component will return value only when your child receive value from parent otherwise it return undefined.

edited Dec 12, 2019 at 4:10

answered Dec 12, 2019 at 4:08

Himanshu Singh

2,1651 gold badge8 silver badges16 bronze badges

4 Comments

Tanzeel Over a year ago

Yes Himanshu, I realized that. Such a silly mistake. I'm new to Angular and web development.

Himanshu Singh Over a year ago

@Tanzeel No problem, glad to help.

Tanzeel Over a year ago

Can you please look into this: stackblitz.com/edit/angular-ksdqyr

Himanshu Singh Over a year ago

Your parent.component.html <child (outputToParent)="GetOutputVal($event)"></child> should have this. And your child.component.html is missing ngModel and ngModelChange like this: <input type="text" [(ngModel)]="value" (ngModelChange)="sendToParent($event)">

Collectives™ on Stack Overflow

How to pass data from child component to parent [Angular]

2 Answers 2

Comments

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related