title: How can I get children elements from QueryList in Angular 2?
body: <p>I am newbie at Angular2. In my view I have few identical children that are generated in *ngFor.</p>
  
  <pre><code>&lt;ngb-panel *ngFor="let client of clients" [title]="'Client #' + client.id"&gt;
      &lt;template ngbPanelContent&gt;
          &lt;processing-item [client]="client"&gt;&lt;/processing-item&gt;
      &lt;/template&gt;
  &lt;/ngb-panel&gt;
  </code></pre>
  
  <p>I need to call methods of these components at parent element and find out the ViewChildren decorator and the code is:</p>
  
  <pre><code>@ViewChildren(ProcessingItemComponent) processingItems: QueryList&lt;ProcessingItemComponent&gt;;
  </code></pre>
  
  <p>Then I try to iterate them by forEach:</p>
  
  <pre><code>ngAfterViewInit() {
      this.processingItems.forEach(function (el) {
          console.log(el);
      });
  }
  </code></pre>
  
  <p>But it does nothing. toArray() method called on QueryList returns empty array.</p>
  
  <p>Any suggestions how can I get all children components at one time and call its methods?</p>