title: How to use @ViewChildren in Angular2?
body: <p>In my home.html:</p>
  
  <pre><code>&lt;p #pmessage&gt;msg 1&lt;/p&gt;
  &lt;p #pmessage&gt;msg 2&lt;/p&gt;
  &lt;p #pmessage&gt;msg 3&lt;/p&gt;
  &lt;p #pmessage&gt;msg 4&lt;/p&gt;
  </code></pre>
  
  <p>In my home.ts:</p>
  
  <pre><code>export class HomePage {
      @ViewChildren('pmessage') pMessages;
  
      constructor() {
           //using first works, result &lt;p&gt;msg 1&lt;/p&gt;
           console.log(this.pMessages.first.nativeElement);
           //using last also works, result &lt;p&gt;msg 4&lt;/p&gt;
           console.log(this.pMessages.last.nativeElement);
           //How can I get the two in the middle? i.e &lt;p&gt;msg 2&lt;/p&gt; and &lt;p&gt;msg 3&lt;/p&gt;
           //this isn't working
           console.log(this.pMessage[1].nativeElement); 
           //this either isn't working
           console.log(this.pMessage.1.nativeElement); 
      }
  }
  </code></pre>
  
  <p>Please help. Thanks.</p>