在 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();
  }