Как найти дочерний элемент в @ViewChild Angular2?

import { Component, ViewChild } from '@angular/core';

@Component({
  selector: 'my-app',
  template: `
    <div #container>
        <p>para 1</p>
        <p>para 2</p>
        <button>button 1</button>
    </div>
  `
})
export class AppComponent {
  @ViewChild('container') myDiv;

  ngAfterViewInit(){
    //this console.log would print this [p, p, button]
    console.log(this.myDiv.nativeElement.children);
    //how can I access to only p nativeElement only? 
  } 

}

Увидетьplunker

 Vicheanak01 июл. 2016 г., 18:12
Отлично, это решение. Это также работает с Renderer. Пожалуйста, ответьте на вопрос, чтобы я мог пометить его как ответивший. Благодарю.
 yurzui01 июл. 2016 г., 18:02
Array.from(this.myDiv.nativeElement.children).filter(tag => tag.tagName === 'P') возвращает только p элементов

Ответы на вопрос(1)

Решение Вопроса

чтобы получить массивp элементы:

Array.from(this.myDiv.nativeElement.children).filter(tag => tag.tagName === 'P')

Ваш ответ на вопрос