Using QueryList gives the first HTML element

Question

I'm using Angular 10, and trying to use QueryList, with the code below (just like many examples on the web)

HTML

<div *ngFor="let i of [1,2,3,4]" #someID>some content</div>

TS

  @ViewChild('someID') someIds: QueryList<ElementRef>;

When running console.log(this.someIds) in the component, after the component initialization, I'm actually getting an ElementRef object (probably the first or the last div) and not the whole list.

What am I doing wrong?

change ` @ViewChild('someID')` to ` @ViewChildren('someID')` — Andrei
– Andrei, Commented Oct 22, 2020 at 12:59

Mithiridi Prasanth · Accepted Answer · 2020-10-22 13:06:44Z

2

Change ViewChild to ViewChildren

@ViewChildren('someID') someIds: QueryList<ElementRef>;

answered Oct 22, 2020 at 13:06

Mithiridi Prasanth

3883 silver badges16 bronze badges

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

Collectives™ on Stack Overflow

Using QueryList gives the first HTML element

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related