angular - 使用 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>;

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

我究竟做错了什么？

Answer 1

将ViewChild更改为ViewChildren

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