ক্লাসে পরিষেবা কীভাবে ইনজেক্ট করবেন (উপাদান নয়)

Question 1

আমি এমন কোনও ক্লাসে একটি পরিষেবা ইনজেকশন করতে চাই যা কোনও উপাদান নয় ।

উদাহরণ স্বরূপ:

মাইসারভাইস

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এখনও ইনস্ট্যান্ট করা হয়নি) been

কোনও ক্লাসে কোনও পরিষেবা ব্যবহার করার কোনও উপায় আছে (উপাদান নয়)? অথবা আপনি কি আমার কোড ডিজাইনটিকে অনুপযুক্ত হিসাবে বিবেচনা করবেন (কোনও শ্রেণীর মধ্যে কোনও পরিষেবা ব্যবহার করার জন্য যা উপাদান নয়)

ধন্যবাদ.

Question 2

ইনজেকশনগুলি কেবলমাত্র সেই ক্লাসগুলির সাথে কাজ করে যেগুলি অ্যাঙ্গুলার্স নির্ভরতা ইনজেকশন (ডিআই) দ্বারা ইনস্ট্যান্ট করা হয়।

তোমার দরকার
- যোগ @Injectable()করুন MyClassএবং
- প্রদান MyClassমত providers: [MyClass]একটি উপাদান বা NgModule হবে।

আপনি যখন MyClassঅন্য কোথাও ইনজেক্ট করেন , ডিআই দ্বারা তা ইনস্ট্যান্ট MyServiceকরা MyClassহলে এটি নজিরটি পাস হয়ে যায় (এটি প্রথমবার ইনজেকশনের আগে)।

একটি বিকল্প পদ্ধতির মত একটি কাস্টম ইনজেক্টর কনফিগার করা

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 দ্বারা instantiated এবং myServiceইনজেকশনের করা হবে MyClassযখন instantiated। কোনও নির্দেশিকার ভিতরে ম্যানুয়ালি ইনজেক্টর থেকে নির্ভরতা পাওয়াও
দেখুন

তবুও অন্য একটি উপায় হ'ল উদাহরণটি নিজে তৈরি করা:

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

Question 3

প্রশ্নের সরাসরি উত্তর নয়, তবে আপনি যদি এই কারণটি পড়েন তবে আমি এটি হ'তে সাহায্য করতে পারে ...

ধরা যাক আপনি এনজি 2-অনুবাদ ব্যবহার করছেন এবং আপনি সত্যিই আপনার User.tsক্লাসটি এটি চান। আপনার তাত্ক্ষণিকভাবে ভাবা হ'ল ডিআই এটি inোকাতে ব্যবহার করুন, আপনি সর্বোপরি কৌণিক কাজ করছেন are তবে এটি এটিকে বোঝার মতো, আপনি এটি কেবল আপনার নির্মাত্রে পাস করতে পারেন, বা এটি উপাদান থেকে সেট করা একটি সর্বজনীন পরিবর্তনশীল করতে পারেন (যেখানে আপনি সম্ভবত এটি ডিআই করেছিলেন) DI

যেমন:

import { TranslateService } from "ng2-translate";

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

  // a bunch of awesome User methods
}

তারপরে অনুবাদকর্মকে সংক্রামিত কিছু ব্যবহারকারীর সাথে সম্পর্কিত উপাদান থেকে

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