В моем приложении у меня есть сервис загрузчика, который используется в app.component.ts для отображения загрузчика. Теперь я хочу вызвать сервис из любого компонента, чтобы показать / скрыть загрузчик. Мой код выглядит следующим образом: -
loader service.ts: -
import { Injectable } from '@angular/core';
import { BehaviorSubject } from 'rxjs';
import { AppModule } from "../../../app/app.module"
/**
* Injectable
*/
@Injectable({
providedIn: AppModule
})
export class LoaderService {
loaderMessages: any = {};
}
app.component.ts: -
import { Component, ChangeDetectorRef } from '@angular/core';
import { LoaderService } from "../app/core/services/loader.service"
@Component({
selector: 'av-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})
export class AppComponent {
calling services
}
В app.module теперь импортируются все остальные модули. Я хочу использовать службу загрузчика во всех компонентах, не импортируя ее в каждый модуль или компонент.