Angular之ViewChild

1.angular中的Dom操作（ViewChild） 模板在组件中的引用

  1.import { Component ,ViewChild,ElementRef} from '@angular/core';
  2.@ViewChild('myattr') myattr: ElementRef;
  3.<div #myattr></div>
  4.ngAfterViewInit(){ let attrEl = this.myattr.nativeElement;}
  说明： @ViewChild是一个选择器，用来查找要引用的DOM元素或者组件
        ElementRef是DOM元素的一个包装类
        因为DOM元素不是angular中的类，所以需要一个包装类以便在Angular中使用和标识其类型
  5.引用多个模板元素
     可以使用@viewCHildren(img)
             imgs： QueryList<ElementRef>

2.父子组件中通过 ViewChild 调用子组件的方法

  1.<app-footer #footerChild></app-footer>
  2.import { Component, OnInit ,ViewChild} from '@angular/core';
  3.@ViewChild('footerChild') footer;
  4.run(){this.footer.footerRun();}