@viewChild

1. 获取 DOM 元素

   1. viewChild 获取 DOM 元素

      使用步骤
      1、模板元素	<div #box>DOM 元素获取</div>
      2、引用	import {ViewChild, AfterViewInit } from '@angular/core';
      3、定义	@ViewChild('box') box: any; （）内名称对应模板内的 #名称 后面为自定义名称
      4、使用	this.myBox.nativeElement['属性']; 可以获取也可以设置

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

   viewChild 父组件调用子组件方法

   步骤
   父组件.html	<div> 父组件包含子组件 <app-child #childBox></app-child> </div>
   子组件.ts	run(){ console.log('我是子组件的方法'); }
   父组件.ts	引入 import { OnInit, ViewChild } from '@angular/core'; 声明 @ViewChild('childBox') childbox: any; 调用子组件方法（在某个方法内调用） this.childbox['方法名']