title: nativeElement of ViewChildren's first is undefined
body: <p>I am trying to access <code>ViewChildren</code>'s native elements => <code>HTMLElements</code>, but I keep getting <code>undefined</code> response when I do so. Take a look:</p>
  
  <p>list.html</p>
  
  <pre><code>..
  &lt;app-element #someElement *ngFor="let element of elements"  [someinput]="someinput"&gt;&lt;/app-element&gt;
  ..
  </code></pre>
  
  <p>list.ts</p>
  
  <pre><code>  @ViewChildren("someElement") someElements:QueryList&lt;ElementRef&gt;;
  
    @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
  
    }
  </code></pre>
  
  <p>I've used <code>ViewChildren</code> numerous times. However, this time it does not work as expected. Is it because <code>ViewChild</code> is an angular component? Am I missing something obvious?</p>