In Angular, how do I run a method in a different component than the current component

Question

How do I run a method in component Y from component X in Angular.

method in X component

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

like so Y component


 X.onclear();

Med Jelidi · Answer

Use a service to interact between components or to use shared methods.

adasko · Answer

If it's parent-child component relation you can do this like this.

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

And in template:

Than you can just:

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