NG DOM

@ViewChild

@ViewChildren 和@ViewChild用法相同，结果会返回QueryList

@ContentChild 获取<ng-content></ng-content>标签中的符合条件的第一个组件

@ContentChildren 获取<ng-content></ng-content>标签中的符合条件的第一个组件

 

dom 操作(ViewChild)

<div #myattr></div>

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

@ViewChild('myattr') myattr: ElementRef;

ngAfterViewInit(){
    let attrEl = this.myattr.nativeElement;
}

 

ViewChild 调用子组件 的方法

<app-footer #footerChild></app-footer>

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

@ViewChild('footerChild') footer;

run(){ 
    this.footer.footerRun();
}