angular父组件调用子组件方法

在Angular中，父组件可以通过`@ViewChild`装饰器来调用子组件的方法。具体步骤如下：

1. 在子组件中定义一个公共方法，用于被父组件调用。

export class ChildComponent {
  public childMethod() {
    console.log('This method is called from parent component.');
  }
}

2. 在父组件的模板中，使用`@ViewChild`装饰器来获取子组件的实例，并调用子组件的方法。

<app-child #child></app-child>
<button (click)="child.childMethod()">Call Child Method</button>

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

@Component({
  selector: 'app-parent',
  template: `
    <app-child #child></app-child>
    <button (click)="child.childMethod()">Call Child Method</button>
  `
})
export class ParentComponent {
  @ViewChild(ChildComponent) child: ChildComponent;
}

在上面的代码中，我们使用`@ViewChild`装饰器来获取子组件的实例，并将其赋值给`child`属性。然后，在父组件的模板中，我们可以通过`child.childMethod()`来调用子组件的方法。