Angular 2：如何通過CSS Selector在@ViewChild中查找子元素？

Question

我想通過nth-child（）選擇器或類改變第二個p的樣式：

import { Component, ViewChild } from '@angular/core';
@Component({
  selector: 'my-app',
  template: `
    <div #container>
        <p>para 1</p>
        <p class="my-class">para 2</p>
        <button>button 1</button>
    </div>
  `
})
export class AppComponent {
  @ViewChild('container') myDiv;
  ngAfterViewInit(){
    console.log(this.myDiv.nativeElement.children);
  } 
}

Answer 1

以下代碼將為您提供來自view child的子元素

let children = this.myDiv.nativeElement.getElementsByTagName("p");

請參閱plunker代碼

https://plnkr.co/edit/yX2jIG?p=preview