Angular access parent variable from child component

Question

How do I get a variable from the parent, from a child component?

app.component

secret: string = '123'

child.component

@Input() secret;

console.log(this.secret);
=> undefined

Every example only shows template binding, for example [secret]="secret"

How do I just access the parent component's data from the child component?

If you don't pass it, you can't. You could share it through a service though, but that's another story — baao
– baao, Commented Jun 27, 2018 at 21:35
@Vikas you downvoted because you can't read. Sebastian Hildebrandt recommended using a service to pass data. Thats why I upvoted his comment, because he made a valid suggestion and not a useless link like you did. I clearly stated that I'm looking for a way to pass data without using templates. Whats not clear about that? If you don't know the answer, don't answer. I see you get your upvotes by posting useless links and hope to get celebrated by other passive aggressive people instead of actually answering things — bruh
– bruh, Commented Jul 1, 2018 at 2:29

Sebastian Hildebrandt · Accepted Answer · 2018-06-27 21:31:28Z

5

Try it with property binding in the HTML of your parent (where you are using the child component) like so:

<child [secret]="secret"><child>

answered Jun 27, 2018 at 21:31

Sebastian Hildebrandt

2,8111 gold badge17 silver badges22 bronze badges

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

3 Comments

bruh Over a year ago

My child is lazy-loaded and does only exists in router-outlet

Sebastian Hildebrandt Over a year ago

Another possibility would be then to create a service where you "store" the value from the parent and then read from that service in the child ... if the child component should react on changes of the parents value, you need to implement the service as an observable where you then can subscribe in the child component.

Vikas Over a year ago

@bruh Then why did not you mention in your question.

Collectives™ on Stack Overflow

Angular access parent variable from child component

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related