Injection Tokens i Zaawansowane DI

Injection Tokens

Tokeny pozwalają wstrzykiwać wartości inne niż klasy:

import { InjectionToken, inject } from '@angular/core';

// Definicja tokenu
export const API_URL = new InjectionToken<string>('API_URL');
export const FEATURE_FLAGS = new InjectionToken<FeatureFlags>('FEATURE_FLAGS');

// Rejestracja w konfiguracji
export const appConfig: ApplicationConfig = {
  providers: [
    { provide: API_URL, useValue: 'https://api.dojo.com/v1' },
    {
      provide: FEATURE_FLAGS,
      useValue: {
        darkMode: true,
        newDashboard: false
      }
    }
  ]
};

// Użycie
@Injectable({ providedIn: 'root' })
export class ApiService {
  private apiUrl = inject(API_URL);

  getSamurai(id: number) {
    return this.http.get(`${this.apiUrl}/samurai/${id}`);
  }
}

Provider Factories

// useFactory - dynamiczne tworzenie wartości
{
  provide: LoggerService,
  useFactory: (env: EnvironmentService) => {
    return env.isProduction()
      ? new ProductionLogger()
      : new DevelopmentLogger();
  },
  deps: [EnvironmentService]
}

// useClass - zamiana implementacji
{
  provide: StorageService,
  useClass: environment.production
    ? CloudStorageService
    : LocalStorageService
}

// useExisting - alias
{
  provide: OldService,
  useExisting: NewService
}

Multi Providers

export const HTTP_INTERCEPTORS = new InjectionToken<HttpInterceptor[]>('HTTP_INTERCEPTORS');

// Można dodawać wiele wartości do jednego tokenu
{
  provide: HTTP_INTERCEPTORS,
  useClass: AuthInterceptor,
  multi: true
},
{
  provide: HTTP_INTERCEPTORS,
  useClass: LoggingInterceptor,
  multi: true
}