Come utilizzare @ViewChildren in Angular2?

Question

Nel mio home.html:

<p #pmessage>msg 1</p> 
<p #pmessage>msg 2</p> 
<p #pmessage>msg 3</p> 
<p #pmessage>msg 4</p> 

Nei miei home.ts:

export class HomePage { 
    @ViewChildren('pmessage') pMessages; 

    constructor() { 
     //using first works, result <p>msg 1</p> 
     console.log(this.pMessages.first.nativeElement); 
     //using last also works, result <p>msg 4</p> 
     console.log(this.pMessages.last.nativeElement); 
     //How can I get the two in the middle? i.e <p>msg 2</p> and <p>msg 3</p> 
     //this isn't working 
     console.log(this.pMessage[1].nativeElement); 
     //this either isn't working 
     console.log(this.pMessage.1.nativeElement); 
    } 
} 

prega di aiuto. Grazie.

Answer 1

Errore di accesso all'pMessages. Manca la "s"

`console.log(this.pMessages[1].nativeElement);` 

Inoltre si dovrebbe accedere viewChildren in ngAfterViewInit o poi. La variabile potrebbe essere undefined prima di quella