У меня много однокомпонентных компонентов и я использовал 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;
}
}