Ich habe einen @InjectableDienst in Bootstrap definiert. Ich möchte die Instanz des Dienstes ohne Verwendung der Konstruktorinjektion erhalten. Ich habe versucht, ReflectiveInjector.resolveAndCreateaber das scheint eine neue Instanz zu erstellen.

Der Grund, den ich versuche, ist, dass ich eine Basiskomponente habe, die von vielen Komponenten abgeleitet ist. Jetzt muss ich auf einen Dienst zugreifen, aber ich möchte ihn nicht zum ctor hinzufügen, da ich den Dienst nicht auf alle abgeleiteten Komponenten injizieren möchte.

TLDR: Ich brauche eine ServiceLocator.GetInstance<T>()

UPDATE: Aktualisierter Code für RC5 +: Speichern der Injektorinstanz zur Verwendung in Komponenten

Ja, ReflectiveInjector.resolveAndCreate()erstellt eine neue und nicht verbundene Injektorinstanz.

Sie können die Angulars- InjectorInstanz injizieren und die gewünschte Instanz daraus abrufen

constructor(private injector:Injector) {
  injector.get(MyService);
}

Sie können die auch Injectorin einer globalen Variablen speichern und dann diese Injektorinstanz verwenden, um bereitgestellte Instanzen zu erfassen, wie beispielsweise in https://github.com/angular/angular/issues/4112#issuecomment-153811572 erläutert

In dem aktualisierten Winkel, in dem ngModules verwendet werden, können Sie eine Variable erstellen, die an einer beliebigen Stelle im Code verfügbar ist:

export let AppInjector: Injector;

export class AppModule {
  constructor(private injector: Injector) {
    AppInjector = this.injector;
  }
}

Jetzt können Sie mit den Funktionen AppInjectorjeden Dienst in einem beliebigen Code finden.

import {AppInjector} from '../app.module';

const myService = AppInjector.get(MyService);

Ein anderer Ansatz würde darin bestehen, einen benutzerdefinierten Dekorator zu definieren (a CustomInjectable, um die Metadaten für die Abhängigkeitsinjektion festzulegen:

export function CustomComponent(annotation: any) {
  return function (target: Function) {

    // DI configuration
    var parentTarget = Object.getPrototypeOf(target.prototype).constructor;
    var parentAnnotations = Reflect.getMetadata('design:paramtypes', parentTarget);

    Reflect.defineMetadata('design:paramtypes', parentAnnotations, target);

    // Component annotations / metadata
    var annotations = Reflect.getOwnMetadata('annotations', target);
    annotations = annotations || [];
    annotations.push(annotation);
    Reflect.defineMetadata('annotations', annotations, target);
  }
}

Es nutzt die Metadaten des übergeordneten Konstruktors anstelle seiner eigenen. Sie können es für die untergeordnete Klasse verwenden:

@Injectable()
export class SomeService {
  constructor(protected http:Http) {
  }
}

@Component()
export class BaseComponent {
  constructor(private service:SomeService) {
  }
}

@CustomComponent({
  (...)
})
export class TestComponent extends BaseComponent {
  constructor() {
    super(arguments);
  }

  test() {
    console.log('http = '+this.http);
  }
}

Siehe diese Frage für weitere Details:

• Angular2 verwendet importierte Bibliotheken aus der Basisklasse

StoreService .ts

  import { Injectable} from '@angular/core';

    @Injectable()
    export class StoreService {
      static isCreating: boolean = false;
      static instance: StoreService ;

      static getInstance() {
        if (StoreService.instance == null) {
          StoreService.isCreating = true;
          StoreService.instance = new StoreService ();
          StoreService.isCreating = false;
        }
        return StoreService.instance;
      }
      constructor() {
        if (!StoreService.isCreating) {
          throw new Error('You can\'t call new in Singleton instances! Call StoreService.getInstance() instead.');
        }
     }

  MyAlertMethod(){
    alert('hi);
    }
  }

component.ts

//call this service directly in component.ts as below:-

 StoreService.getInstance().MyAlertMethod();