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