使用 QueryList 给出第一个 HTML 元素答案

【问题标题】：Using QueryList gives the first HTML element使用 QueryList 给出第一个 HTML 元素
【发布时间】：2020-10-22 12:56:25
【问题描述】：

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

HTML

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

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

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

我做错了什么？

【问题讨论】：

【解决方案1】：

将 ViewChild 更改为 ViewChildren

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

【讨论】：