Angular2 - nativeElement of ElementRef is undefined

Asked Aug 10 '17 at 22:10

Active Aug 10 '17 at 22:10

Viewed 1,016 times

I have an viewport: ElementRef object in a component, which I can log and see values for all of its properties. I can see that there is an array of children of length 3, and I need to access children[1].

While logging the value of viewport allows me to see all of its properties, when I try to access viewport.nativeElement I get undefined. Therefore when I try to access viewport.nativeElement.children[1] I get the error:

Cannot read property 'children' of undefined

I am trying to figure out:

Why the nativeElement value is undefined when I can clearly see that the ElementRef has a value
If there is a different way to access properties such as getBoundingClientRect() without using nativeElement

asked Aug 10 '17 at 22:10

natmegs

Did you wait until rendering was complete before trying to access the elements – adeneo Aug 10 '17 at 22:12
related -> https://stackoverflow.com/questions/43383608/cannot-read-property-nativeelement-of-undefined – adeneo Aug 10 '17 at 22:12
@adeneo the function that I'm using to access these properties is called in ngAfterViewInit() – natmegs Aug 10 '17 at 22:13
Try ngAfterViewChecked() instead – Vega Aug 10 '17 at 22:38
check that you are not inside a callback or a subscription since the references to "this" can change due to being in other context. Sometimes it happens – Juan Aguilar Guisado Aug 11 '17 at 09:04

Angular2 - nativeElement of ElementRef is undefined

0 Answers0