如何从一个同级组件调用方法到另一个同级组件

Question

我有许多同级组件，并使用routerModule路由我的应用程序。 每当我从后端加载数据时，我都想使用一个通用微调器。 我需要在需要时调用showSpinner并隐藏Spinner方法。

如何以及在何处创建这些方法以及如何调用它们。

AppComponent（ParentComponent）

ChildComponent1，ChildComponent2，ChildComponent3，ChildComponent4，ChildComponent5。

SpinnerComponent（这也是子组件，我想在spinner.component.ts中使用showSpinner和Hide Spinner方法）

如何从childComponent调用showSpinner方法。

spinner.component.html

<div class="spinner" *ngIf= "showLoading"></div>

spinner.component.ts

export class SpinnerComponent implements OnInit {
  showLoading: Boolean =false;
  constructor() { }

  ngOnInit() {
  }
  showSpinner() : void  {
    console.log("Show  Spinner");
    this.showLoading = true;
  }
  hideSpinner() : void  {
    console.log("Hide  Spinner");
    this.showLoading = false;
  }
}