angular - 如何使用单击事件从父组件中的子组件刷新我的表格内容？

Question

我在子组件中创建了一个表，并在其中存储了一个刷新函数。现在我想在我的父组件中调用它并通过单击按钮来执行它。你能告诉我我怎么能意识到这一点吗？
我的代码:

// Child-Component

ngOnInit() {
this.refresh();
}

  /**
   * Refresh Data Table
   */
  public refresh() {
    if (!this.isLoading) {
      this.all = false;
      this.clearRows();
      this.loadData();
    }
  }

  public clearRows() {
    const formArray = this.salesAreaForm.get('rows') as FormArray;
    formArray.clear();
  }

// Parent-Component

<button>Refresh Child-Component</button>
<app-child-component></app-child-component>

Answer 1

您应该使用 ViewChild在父组件中。

import { ..., ViewChild } from '@angular/core';

@ViewChild(ChildComponent) childComponent: ChildComponent;

...
childComponent.refresh();
...