Cách đưa dịch vụ vào lớp (không phải thành phần)

Tôi muốn đưa một dịch vụ vào một lớp không phải là một thành phần .

Ví dụ:

Myservice

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

Lớp học của tôi

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

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

Giải pháp này không hoạt động (tôi nghĩ vì MyClasschưa được khởi tạo).

Có cách nào khác để sử dụng một dịch vụ trong một lớp (không phải thành phần) không? Hay bạn sẽ coi thiết kế mã của tôi là không phù hợp (để sử dụng một dịch vụ trong một lớp không phải là một thành phần)?

Cảm ơn bạn.

Tiêm chỉ hoạt động với các lớp được khởi tạo bằng tiêm phụ thuộc Angulars (DI).

1. Bạn cần phải
   • thêm @Injectable()vào MyClassvà
   • cung cấp MyClassnhư providers: [MyClass]trong một thành phần hoặc NgModule.

Sau MyClassđó, khi bạn tiêm vào một nơi nào đó, một MyServicecá thể sẽ được chuyển đến MyClasskhi nó được DI khởi tạo (trước khi nó được tiêm lần đầu tiên).

2. Một cách tiếp cận khác là định cấu hình một bộ phun tùy chỉnh như

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

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

Cách này myClasssẽ là một MyClassthể hiện, được khởi tạo bởi Angulars DI, và myServicesẽ được đưa vào MyClasskhi được khởi tạo.
Xem thêm Nhận phụ thuộc từ Injector theo cách thủ công bên trong một chỉ thị

3. Tuy nhiên, một cách khác là tự tạo phiên bản:

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

Không phải là câu trả lời trực tiếp cho câu hỏi, nhưng nếu bạn đang đọc SO này vì lý do tôi là tôi thì điều này có thể giúp ích ...

Giả sử bạn đang sử dụng ng2-translate và bạn thực sự muốn User.tslớp học của mình có nó. Ngay lập tức bạn nghĩ là sử dụng DI để đưa nó vào, sau cùng thì bạn đang làm Angular. Nhưng đó là kiểu suy nghĩ quá kỹ, bạn chỉ có thể chuyển nó vào hàm tạo của mình hoặc biến nó thành một biến công khai mà bạn đặt từ thành phần (nơi bạn có lẽ đã DI nó vào).

ví dụ:

import { TranslateService } from "ng2-translate";

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

  // a bunch of awesome User methods
}

sau đó từ một số thành phần liên quan đến người dùng đã đưa TranslateService

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

Hy vọng rằng điều này sẽ giúp những người ngoài kia như tôi, những người sắp viết code khó bảo trì hơn vì đôi khi chúng ta quá thông minh =]

(LƯU Ý: lý do bạn có thể muốn đặt một biến thay vì biến nó thành một phần của phương thức khởi tạo của bạn là bạn có thể có những trường hợp bạn không cần sử dụng dịch vụ, vì vậy luôn được yêu cầu chuyển nó vào có nghĩa là bạn phải nhập thêm / mã không bao giờ thực sự được sử dụng)

Đây là loại ( rất ) hacky, nhưng tôi nghĩ rằng tôi cũng sẽ chia sẻ giải pháp của mình. Lưu ý rằng điều này sẽ chỉ hoạt động với các dịch vụ Singleton (được đưa vào tại gốc ứng dụng, không phải thành phần!), Vì chúng tồn tại lâu như ứng dụng của bạn và chỉ có một phiên bản duy nhất của chúng.

Đầu tiên, trong dịch vụ của bạn:

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

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

Sau đó, trong bất kỳ lớp nào:

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

Giải pháp này là tốt nếu bạn muốn giảm sự lộn xộn của mã và không sử dụng các dịch vụ không phải singleton.

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
}

Nếu các phương thức dịch vụ của bạn là các chức năng thuần túy, thì một cách rõ ràng để giải quyết vấn đề này là có các thành viên tĩnh trong dịch vụ của bạn.

dịch vụ của bạn

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

lớp của bạn

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