Hierarchia Injectorów

Angular ma hierarchiczną strukturę injectorów - jak system zaopatrzenia od Shoguna przez Daimyo do poszczególnych zamków.

Poziomy Injektorów

Root Injector (Shogun)
    ↓
Module Injectors (Daimyo)
    ↓
Element Injectors (Zamki)
    ↓
Component Injectors (Sale)

providedIn Options

// 1. Root - Singleton dla całej aplikacji
@Injectable({ providedIn: 'root' })
export class GlobalService { }

// 2. Any - Nowa instancja dla każdego lazy-loaded modułu (przestarzałe od Angular 15, nie używaj w nowym kodzie)
@Injectable({ providedIn: 'any' })
export class ScopedService { }

// 3. Platform - Dzielony między wieloma aplikacjami Angular
@Injectable({ providedIn: 'platform' })
export class SharedService { }

Providers w Komponencie

@Component({
  selector: 'app-dojo',
  standalone: true,
  providers: [
    TrainingService  // Nowa instancja dla każdej instancji komponentu
  ],
  template: `...`
})
export class DojoComponent {
  private training = inject(TrainingService);
}

Providers vs providedIn: 'root'