在 Angular 中，如何在與當前組件不同的組件中運行方法

Question

如何在 Angular 中的組件 X 中運行組件 Y 中的方法。

X 組件中的方法

  onClear() {
    this.editor.clear();
    // environment.templateId=0;
    this.openScheduler();
  }

像這樣的Y分量

 X.onclear();

Answer 1

使用服務在組件之間進行交互或使用共享方法。

Answer 2

如果它是父子組件關系，您可以這樣做。

@ViewChild('componentName', { static: false })
  component: SomeComponent;

在模板中：

<component #componentName></component>

比你可以：

  onClear() {
    this.editor.clear();
    // environment.templateId=0;
    this.component.doSomehting();
  }