कक्षा में सेवा इंजेक्ट कैसे करें (घटक नहीं)

Question 1

मैं एक सेवा को एक वर्ग में इंजेक्ट करना चाहता हूं जो एक घटक नहीं है ।

उदाहरण के लिए:

MyService

import {Injectable} from '@angular/core';
@Injectable()
export class myService {
  dosomething() {
    // implementation
  }
}

मेरी कक्षा

import { myService } from './myService'
export class MyClass {
  constructor(private myservice:myService) {

  }
  test() {
     this.myservice.dosomething();
  }
}

यह समाधान काम नहीं करता है (मुझे लगता है कि क्योंकि MyClassअभी तक त्वरित नहीं किया गया है)।

क्या एक वर्ग में सेवा का उपयोग करने का एक और तरीका है (घटक नहीं)? या क्या आप मेरे कोड डिज़ाइन को अनुपयुक्त मानते हैं (एक वर्ग में एक सेवा का उपयोग करने के लिए जो एक घटक नहीं है)?

धन्यवाद।

Question 2

इंजेक्शन केवल उन वर्गों के साथ काम करते हैं जो अंगुलियों की निर्भरता इंजेक्शन (डीआई) द्वारा त्वरित होते हैं।

आपको
- जोड़ने @Injectable()के लिए MyClassऔर
- एक घटक या NgModule में प्रदान करते MyClassहैं providers: [MyClass]।

जब आप MyClassकहीं इंजेक्षन करते हैं, तो एक MyServiceउदाहरण पास हो जाता है MyClassजब यह DI द्वारा त्वरित किया जाता है (इससे पहले इसे पहली बार इंजेक्ट किया जाता है)।

एक वैकल्पिक दृष्टिकोण जैसे कस्टम इंजेक्टर को कॉन्फ़िगर करना है

constructor(private injector:Injector) { 
  let resolvedProviders = ReflectiveInjector.resolve([MyClass]);
  let childInjector = ReflectiveInjector.fromResolvedProviders(resolvedProviders, this.injector);

  let myClass : MyClass = childInjector.get(MyClass);
}

इस तरह myClassसे एक MyClassउदाहरण होगा, Angulars DI द्वारा त्वरित, और जब तत्काल myServiceकिया जाएगा MyClassतब इंजेक्शन लगाया जाएगा । एक निर्देश के अंदर मैन्युअल रूप से इंजेक्टर से निर्भरता प्राप्त करना
भी देखें

फिर भी एक और तरीका है कि आप खुद ही उदाहरण प्रस्तुत करें:

constructor(ms:myService)
let myClass = new MyClass(ms);

Question 3

इस सवाल का सीधा जवाब नहीं है, लेकिन अगर आप इस कारण से एसओ को पढ़ रहे हैं तो मुझे मदद मिल सकती है ...

मान लीजिए कि आप एनजी 2-ट्रांसलेशन का उपयोग कर रहे हैं और आप वास्तव में चाहते हैं कि आपकी User.tsकक्षा में यह हो। आप तत्काल सोच रहे हैं कि इसे लगाने के लिए DI का उपयोग करना है, आप सब के बाद कोणीय कर रहे हैं। लेकिन यह उस पर हावी होने की तरह है, आप इसे केवल अपने कंस्ट्रक्टर में पारित कर सकते हैं, या इसे एक सार्वजनिक चर बना सकते हैं जिसे आपने घटक से निर्धारित किया है (जहां आपने निश्चित रूप से इसे DI किया है)।

उदाहरण के लिए:

import { TranslateService } from "ng2-translate";

export class User {
  public translateService: TranslateService; // will set from components.

  // a bunch of awesome User methods
}

तब कुछ उपयोगकर्ता-संबंधित घटक से जिसने TranslateService को इंजेक्ट किया

addEmptyUser() {
  let emptyUser = new User("", "");
  emptyUser.translateService = this.translateService;
  this.users.push(emptyUser);
}

उम्मीद है कि यह मेरी तरह उन लोगों की मदद करता है जो कोड को बनाए रखने के लिए बहुत कठिन लिखने वाले थे क्योंकि हम कभी-कभी बहुत चालाक होते हैं =]

(नोट: इसका कारण यह हो सकता है कि आप इसे अपने कंस्ट्रक्टर विधि का हिस्सा बनाने के बजाय एक चर सेट कर सकते हैं। क्या आपके पास ऐसे मामले हो सकते हैं, जहां आपको सेवा का उपयोग करने की आवश्यकता नहीं है, इसलिए हमेशा इसे पारित करने की आवश्यकता होती है, इसका मतलब अतिरिक्त आयात शुरू करना होगा। / कोड जो वास्तव में कभी उपयोग नहीं किए जाते हैं)

Question 4

यह एक तरह से ( बहुत ) हैकी है, लेकिन मुझे लगा कि मैं अपना समाधान भी साझा करूंगा। ध्यान दें कि यह केवल सिंगलटन सेवाओं (ऐप रूट पर इंजेक्शन, घटक नहीं!) के साथ काम करेगा , क्योंकि वे आपके आवेदन के रूप में लंबे समय तक रहते हैं, और उनमें से केवल एक उदाहरण है।

सबसे पहले, आपकी सेवा में:

@Injectable()
export class MyService {
    static instance: MyService;
    constructor() {
        MyService.instance = this;
    }

    doSomething() {
        console.log("something!");
    }
}

फिर किसी भी वर्ग में:

export class MyClass {
    constructor() {
        MyService.instance.doSomething();
    }
}

यह समाधान अच्छा है यदि आप कोड अव्यवस्था को कम करना चाहते हैं और वैसे भी गैर-सिंगलटन सेवाओं का उपयोग नहीं कर रहे हैं।

Question 5

locator.service.ts

import {Injector} from "@angular/core";

export class ServiceLocator {
    static injector: Injector;
}

app.module.ts

@NgModule({ ... })

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

poney.model.ts

export class Poney {

    id: number;
    name: string;
    color: 'black' | 'white' | 'brown';

    service: PoneyService = ServiceLocator.injector.get(PoneyService); // <--- HERE !!!

    // PoneyService is @injectable and registered in app.module.ts
}

Question 6

यदि आपकी सेवा विधियां शुद्ध कार्य हैं, तो इसे हल करने का एक साफ तरीका यह है कि आपकी सेवा में स्थिर सदस्य हों।

सेवा में

import {Injectable} from '@angular/core';
@Injectable()
export class myService{
  public static dosomething(){
    //implementation => doesn't use `this`
  }
}

आपकी कक्षा

export class MyClass{
  test(){
     MyService.dosomething(); //no need to inject in constructor
  }
}