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