ViewChildren的nativeElement是第一个未定义的

时间:2018-04-19 09:23:36

标签: angular

我正在尝试访问ViewChildren的原生元素=> HTMLElements,但是当我这样做时,我会不断收到undefined回复。看看:

list.html

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

list.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是角度成分吗?我错过了一些明显的东西吗?

1 个答案:

答案 0 :(得分:1)

我会说明我想要的内容

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

另见