使用 QueryList 给出第一个 HTML 元素

Question

我正在使用 Angular 10，并尝试使用 QueryList，代码如下（就像网络上的许多示例一样）

HTML

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

TS

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

When 运行 console.log(this.someIds) 在组件中，在组件初始化之后，我实际上得到了一个 ElementRef object （可能是第一个或最后 div) 而不是整个列表。

我做错了什么？

Answer 1

将ViewChild更改为ViewChildren

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

Using QueryList gives the first HTML element