angular中父组件获取子组件的数据和方法

标题父组件通过**@ViewChild**主动获取子组件的数据和方法

1： 调用子组件给子组件定义一个标签

父组件中在子组件标签的位置

<app-child #child></app-child>

2： 引入ViewChild

父组件中 .ts文件中

import { Component, OnInit ,ViewChild} from '@angular/core';
@ViewChild("child") child:any;

//获取子组件中的数据和方法
get(){
    console.log(this.child)  //整个子组件
    console.log(this.child.msg);  //子组件中的某个数据
    this.child.child();  //z子组件中的方法
}