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

链接

1. 父组件中调用子组件

<app-footer #footer></app-footer>

2. 父组件中调用子组件的值

<button (click)="getChildMsg()">获取子组件的msg</button>

@ViewChild('footer') footer: any;

getChildMsg(){
　　console.log(this.footer.msg)
}

3. 子组件中定义值

public msg = '我是子组件footer的一个msg';