三、在父组中使用子组件的数据

ViewChild可以父组件中使用子组件的数据或者方法

3-1 给子组件一个名称

<app-content #content></app-content>

export class ContentComponent implements OnInit {
  public msg:string = "我是你孩儿"
}

3-2 父组件中配置

import { Component,ViewChild } from '@angular/core';
export class AppComponent {
  @ViewChild('content',{static:false}) content:any;
}

<p>{{content.msg}}</p>