Servis sınıfa nasıl enjekte edilir (bileşene değil)

Bileşen olmayan bir sınıfa bir hizmet enjekte etmek istiyorum .

Örneğin:

Myservice

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

Sınıfım

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

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

Bu çözüm işe yaramıyor (sanırım çünkü MyClasshenüz somutlaştırılmadı).

Bir sınıftaki bir hizmeti kullanmanın başka bir yolu var mı (bileşen değil)? Veya kod tasarımımı uygunsuz olarak mı düşünüyorsunuz (bileşen olmayan bir sınıfta bir hizmeti kullanmak)

Teşekkür ederim.

Enjeksiyonlar yalnızca Angulars bağımlılık enjeksiyonu (DI) tarafından başlatılan sınıflarla çalışır.

1. Gerek
   • eklemek @Injectable()için MyClassve
   • sağlamak MyClassgibi providers: [MyClass]bir bileşen ya da NgModule içinde.

Daha sonra bir MyClassyere enjekte ettiğinizde , bir MyServiceörnek MyClassDI tarafından somutlaştırıldığında (ilk seferinde enjekte edilmeden önce) iletilir .

2. Alternatif bir yaklaşım, özel bir enjektör yapılandırmaktır.

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

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

Bu yol myClass, MyClassAngulars DI tarafından somutlaştırılmış bir örnek myServiceolacak ve MyClasssomutlaştırıldığında enjekte edilecektir .
Ayrıca bkz. Bir direktif içinde Enjektörden manuel olarak bağımlılık alma

3. Yine başka bir yol da örneği kendiniz yaratmaktır:

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

Sorunun doğrudan bir cevabı değil, ama bu SO'yu okuyorsanız, benim nedenim bu yardımcı olabilir ...

Diyelim ki ng2-translate kullanıyorsunuz ve User.tssınıfınızda buna sahip olmasını gerçekten istiyorsunuz . Hemen düşündüğünüz, DI'yi kullanmak için onu koymaktır, sonuçta Angular yapıyorsunuz. Ama bu biraz fazla düşünmek, onu kurucunuza aktarabilir ya da bileşenden ayarladığınız bir genel değişken yapabilirsiniz (muhtemelen onu DI yaptınız).

Örneğin:

import { TranslateService } from "ng2-translate";

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

  // a bunch of awesome User methods
}

daha sonra TranslateService enjekte eden kullanıcıyla ilgili bazı bileşenlerden

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

Umarım bu, benim gibi kodu korumak için çok daha zor yazmak üzere olanlara yardımcı olur çünkü bazen çok zekiyiz =]

(NOT: Yapıcı yönteminizin bir parçası yapmak yerine bir değişken ayarlamak istemenizin nedeni, hizmeti kullanmanız gerekmeyen durumlara sahip olmanızdır, bu nedenle her zaman bunu iletmenizin gerekli olması fazladan içe aktarmalar getirmek anlamına gelir. / asla gerçekten kullanılmayan kod)

Bu biraz ( çok ) hilekar, ancak çözümümü de paylaşacağımı düşündüm. Bunun yalnızca Singleton hizmetlerinde çalışacağını unutmayın (bileşene değil uygulama köküne enjekte edilir!), Çünkü bunlar uygulamanız kadar uzun yaşarlar ve bunların yalnızca bir örneği vardır.

İlk olarak, hizmetinizde:

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

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

Sonra herhangi bir sınıfta:

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

Kod dağınıklığını azaltmak istiyorsanız ve yine de tekil olmayan hizmetleri kullanmıyorsanız, bu çözüm iyidir.

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
}

Hizmet yöntemleriniz saf işlevlerse, bunu çözmenin temiz bir yolu, hizmetinizde statik üyelere sahip olmaktır.

servisiniz

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

Senin sınıfın

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