Как вызвать метод из одного родственного компонента в другой родственный компонент - PullRequest
0 голосов
/ 14 мая 2019

У меня много однокомпонентных компонентов и я использовал routerModule для маршрутизации моего приложения. Я хотел бы использовать один общий спиннер, когда мои данные загружаются из бэкэнда. Мне нужно вызывать showSpinner и скрывать методы Spinner, когда мне это нужно.

Как и где мне нужно создать эти методы и как я могу их вызвать.

AppComponent (ParentComponent)

ChildComponent1, ChildComponent2, ChildComponent3, ChildComponent4, ChildComponent5.

SpinnerComponent (Это также дочерний компонент - я хотел бы иметь методы showSpinner и Hide Spinner в spinner.component.ts)

как я могу вызвать метод showSpinner из childComponent.

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;
  }
}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...