@ViewChild父组件调用子组件方法

在Angular中，可以使用@ViewChild装饰器来获取子组件的引用，并在父组件中调用子组件的方法。具体步骤如下：

1. 在子组件中定义一个公共方法，例如fun1()。

2. 在父组件中使用@ViewChild装饰器来获取子组件的引用，例如child1。

3. 在父组件的ngOnInit()方法中调用子组件的方法，例如this.child1.fun1()。

下面是一个示例代码：

子组件ChildComponent：

import { Component } from '@angular/core';

@Component({
  selector: 'app-child',
  template: '<p>Child Component</p>'
})
export class ChildComponent {
  fun1() {
    console.log('Child Component fun1()');
  }
}

父组件ParentComponent：

import { Component, ViewChild, OnInit } from '@angular/core';
import { ChildComponent } from './child.component';

@Component({
  selector: 'app-parent',
  template: '<p>Parent Component</p><app-child></app-child>'
})
export class ParentComponent implements OnInit {
  @ViewChild(ChildComponent) child1: ChildComponent;

  ngOnInit() {
    this.child1.fun1();
  }
}

在上面的代码中，父组件ParentComponent使用@ViewChild装饰器来获取子组件ChildComponent的引用，并在ngOnInit()方法中调用子组件的fun1()方法。