angular - ViewChildren 的第一个 nativeElement 未定义

Question

我正在尝试访问 ViewChildren 的 native 元素 => HTMLElements，但这样做时我一直收到 undefined 响应。看一看:

列表.html

..
<app-element #someElement *ngFor="let element of elements"  [someinput]="someinput"></app-element>
..

列表.ts

  @ViewChildren("someElement") someElements:QueryList<ElementRef>;

  @HostListener("window:resize", ["$event"]) 
  resize(event){
    console.log(event);
    console.log((this.someElements.first)); //returns ElementComponent as expected
    console.log((this.someElements.first.nativeElement)); // nativeElement appears to be undefined

  }

我已经多次使用 ViewChildren。但是，这次它没有按预期工作。是因为 ViewChild 是一个 Angular 组件吗？我是否遗漏了一些明显的东西？

Answer 1

我会指定我想要得到的东西

@ViewChildren("someElement", { read: ElementRef }) someElements:QueryList<ElementRef>;
                             ^^^^^^^^^^^^^^^^^^^^^
                       please give me ElementRef instead of component instance

另见

• How to get reference of the component associated with ElementRef in Angular 2