ViewChildren 的第一个的 nativeElement 未定义

san*_*han 3 angular

我正在尝试访问 的ViewChildren本机元素 => ,但这样做时HTMLElements我不断收到响应。undefined看一看:

列表.html

..
<app-element #someElement *ngFor="let element of elements"  [someinput]="someinput"></app-element>
..
Run Code Online (Sandbox Code Playgroud)

列表.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

  }
Run Code Online (Sandbox Code Playgroud)

我用过ViewChildren很多次了。然而,这一次并没有按预期工作。是因为ViewChild是角度分量吗?我错过了一些明显的东西吗?

yur*_*zui 6

我会指定我想要得到什么

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

也可以看看