कंस्ट्रक्टर इंजेक्शन के बिना सेवा का उदाहरण प्राप्त करना

Question 1

मेरे पास @Injectableबूटस्ट्रैप में परिभाषित एक सेवा है। मैं कंस्ट्रक्टर इंजेक्शन का उपयोग किए बिना सेवा का उदाहरण प्राप्त करना चाहता हूं। मैं का उपयोग करने की कोशिश की, ReflectiveInjector.resolveAndCreateलेकिन लगता है कि एक नया उदाहरण बनाने के लिए।

मैं जो करने की कोशिश कर रहा हूं उसका कारण मेरे पास कई घटकों द्वारा प्राप्त एक आधार घटक है। अब मुझे एक सेवा का उपयोग करने की आवश्यकता है लेकिन मैं इसे ctor में नहीं जोड़ना चाहता क्योंकि मैं इस सेवा को सभी व्युत्पन्न घटकों पर इंजेक्ट नहीं करना चाहता।

TLDR: मैं एक की जरूरत है ServiceLocator.GetInstance<T>()

अद्यतन: आरसी 5 के लिए अद्यतन कोड +: घटकों में उपयोग के लिए इंजेक्टर इंस्टेंस का भंडारण

Question 2

हां, ReflectiveInjector.resolveAndCreate()एक नया और असंबद्ध इंजेक्टर उदाहरण बनाता है।

आप Angulars Injectorइंस्टेंस को इंजेक्ट कर सकते हैं और इसका उपयोग करके वांछित उदाहरण प्राप्त कर सकते हैं

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

आप Injectorकुछ वैश्विक वैरिएबल में भी स्टोर कर सकते हैं और इस इंजेक्टर इंस्टेंस का उपयोग करके उदाहरण के लिए उपलब्ध उदाहरण प्राप्त कर सकते हैं जैसे कि https://github.com/angular/angular/issues/4112#issuecomment-153811572 में बताया गया है

Question 3

अद्यतन किए गए कोणीय में जहाँ ngModules का उपयोग किया जाता है, आप कोड में कहीं भी उपलब्ध एक चर बना सकते हैं:

export let AppInjector: Injector;

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

अब, आप AppInjectorअपने कोड में कहीं भी किसी भी सेवा को खोजने के लिए उपयोग कर सकते हैं ।

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

const myService = AppInjector.get(MyService);

Question 4

एक अन्य दृष्टिकोण में एक कस्टम डेकोरेटर को परिभाषित करना शामिल है ( CustomInjectableनिर्भरता इंजेक्शन के लिए मेटाडेटा सेट करने के लिए:

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);
  }
}

यह अपने स्वयं के बजाय मूल निर्माता से मेटाडेटा का लाभ उठाएगा। आप इसे बच्चे की कक्षा में उपयोग कर सकते हैं:

@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);
  }
}

अधिक विवरण के लिए यह प्रश्न देखें:

एंगुलर 2 बेस क्लास से आयातित लिबास का उपयोग करता है

Question 5

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);
    }
  }

घटक

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

 StoreService.getInstance().MyAlertMethod();