offsettop and offsetleft for viewchildren

Question

I have a dynamically created component inside an *ngFor and how do I get the offsettop and offsetleft for those after getting them in a ViewChildren.

Template

<anchor #myanchor></anchor>

Class

@ViewChildren('myanchor') anchors: QueryList<any>;

Here is the ngAfterViewInit

ngAfterViewInit(){
    this.anchors.map(i=>{ console.log(i); })
}

I am able to get the position for a single element through ViewChild but need help with ViewChildren. Any pointers will be appreciated.

score 3 · Answer 1 · edited May 23 '17 at 12:32

3

ngAfterViewInit(){
    this.anchors.toArray()
    .map(i=>{ console.log(i.nativeElement.offsetTop); })
}

If #myanchor is on a component or directive instead of a plain DOM element, you need to add read to get the ElementRef

@ViewChildren('myanchor', {read: ElementRef}) anchors: QueryList<ElementRef>;

edited May 23 '17 at 12:32

Community

answered Jan 26 '17 at 07:01

Thanks Gunter. The offsetTop or offsetHeight on the element are showing the relative height within the parent. Is there a way to get the absolute coordinates on the page? – sv16 Jan 26 '17 at 21:02
I don't know, but it's the same as with plain JS. – Günter Zöchbauer Jan 26 '17 at 21:07

1 Answers1