How can we access ancestor components' public properties?

Asked Dec 19 '17 at 09:26

Active Dec 19 '17 at 09:42

Viewed 94 times

I want to access the public properties of the parent of the parent of the child component or in general of any ancestor component?

I found the solution for accessing properties of parent component but not for direct accessing any given ancestor in the hierarchy.

I noticed that some other framework provides direct access to the dom tree, can we have something like that into the angular for accessing component tree?

edited Dec 19 '17 at 09:42

asked Dec 19 '17 at 09:26

Sandeep Sharma

1,855
3
19
34

A global service is the solution, as described in the solution you posted. You can use it for any ancestor – Gianluca Paris Dec 19 '17 at 09:28
I agree as well. If you want to share data, use services. – Michael Kang Dec 19 '17 at 09:29
Could this be the only solution? can't we search for any element in the hierarchy of the current component tree by the direct method? – Sandeep Sharma Dec 19 '17 at 09:32
Tried with @Host() but getting different copy of the parent component.. – Sandeep Sharma Dec 19 '17 at 09:34
What's wrong with services? – Gianluca Paris Dec 19 '17 at 09:35
1

you can directly inject any parent in the hierarchy – Max Koretskyi Dec 19 '17 at 10:18
ok.. I would try with this but using @Host() I were getting the different copy of the component. – Sandeep Sharma Dec 19 '17 at 11:12
Wow.. getting parent element with @ViewChild and injecting parent component into the child and accessing the element is working as expected. Thank you very much. – Sandeep Sharma Dec 19 '17 at 12:27

How can we access ancestor components' public properties?

0 Answers0