Angular2で@ViewChildrenを使用するには？私のhome.htmlで

Question

：私のhome.tsで

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

：

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); 
    } 
} 

助けてください。ありがとう。

Answer 1

pMessagesにアクセスする際にタイプミスがあります。 's'はありません。

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

また、ngAfterViewInit以降のviewChildrenにアクセスする必要があります。変数はその前にundefinedになる可能性があります