angular @viewChild 在子父组件之间传递数据和方法

简介

@ViewChild和@ViewChildren是Angular提供给我们的装饰器，用于从模板视图中获取匹配的元素。
视图包括：管道，指令和组件。
@ViewChild的作用是声明对子组件元素的实例引用，意思是通过注入的方式将子组件注入到@ViewChild容器中，你可以想象成依赖注入的方式注入，只不过@ViewChild不能在构造器constructor中注入，因为@ViewChild会在ngAfterViewInit()回调函数之前执行

实操

@VIewChild提供了一个参数来选择将要引入的组件元素，可以是一个子组件实例引用， 也可以是一个字符串

//parent.component.ts
  @ViewChild(ChildTestComponent)
  childTest : ChildTestComponent; //子组件实例化

  @ViewChild('child2') Child2; //字符串

一：传入子组件实例

子组件

// child-test.component.ts
import {
    Component, OnInit } from '@angular/core';
@Component({
   
  selector: 'app-child-test',
  templateUrl: './child-test.component.html',
  styleUrls: ['./child-test.component.css']
})
export class ChildTestComponent implements OnInit {
   
  constructor(